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

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中使高度：自动，并删除溢出-y所以css变为如下

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