jquery - 为什么不显示滚动到我的列表？

Question

我有这个样本:

link

代码 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 中设置 height: auto，并移除 overflow-y 使 css 如下所示

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