なぜ私のリストにスクロールして表示されませんか？

Question

私はこのサンプルを持っている：

link

CODEのHTML：

<div class="col-xs-12 col-sm-3 no-padding space-col-app text-left" id="appoi_time"> 
     <label>Time:</label> 
     <input type="text" name="time" id="time" readonly="" onclick="$('#select_time').show();"> 

     <div id="select_time" > 
      <ul> 
       <li onclick="jQuery('#time').val('06:00')">06:00</li> 
       <li onclick="jQuery('#time').val('06:15')">06:15 </li> 
       <li onclick="jQuery('#time').val('06:30')">06:00</li> 
       <li onclick="jQuery('#time').val('06:45')">06:15 </li> 
       <li onclick="jQuery('#time').val('07:00')">06:00</li> 
       <li onclick="jQuery('#time').val('07:15')">06:15 </li>             
       <li onclick="jQuery('#time').val('07:30')">06:00</li> 
       <li onclick="jQuery('#time').val('07:45')">06:15 </li> 
       <li onclick="jQuery('#time').val('08:00')">06:00</li> 
       <li onclick="jQuery('#time').val('08:15')">06:15 </li> 
       <li onclick="jQuery('#time').val('08:30')">06:00</li> 
       <li onclick="jQuery('#time').val('08:45')">06:15 </li> 
       <li onclick="jQuery('#time').val('09:00')">06:00</li> 
       <li onclick="jQuery('#time').val('09:15')">06:15 </li>             
       <li onclick="jQuery('#time').val('09:30')">06:00</li> 
       <li onclick="jQuery('#time').val('09:45')">06:15 </li>               
      </ul> 
</div> 

私がやりたいことは、スクロールバーの常に要素select_time

を置くことです

この時点でスクロールしますあなたが落ちない限り出現しない...私は常に表示されたい。

私が意味することをより明確に理解するために画像を貼ります。

スクロールを常に表示させるにはどうすればよいですか？あなたは私がこの問題を解決するのを助けることができますか？

ありがとうございます！

Answer 1

あなたのCSSのメイクの高さで

：自動車、およびオーバーフロー-Yので、CSSはあなたが使用しているブラウザ

#select_time{ 
height:auto; 
border:1px solid #ccc; 
display:none; 
position:absolute; 
background:white; 
top:63px; 
width:100%; 
z-index:99999; 
}