我有一个div，里面有多个选择列表。Div具有固定的高度，并且溢流y：滚动。如果列表中有很大的值要显示，则div上的滚动条在特定点后将无法下降。但是，如果我尝试使用鼠标向下-则可以向下滚动。
请参考标记：
<div id="selectScroll_div" style="margin:-58px 0px 0px 0px">
<select name="lcLhs" id="lcLhs" size="1480" multiple="multiple">
<option>.....</option>
</select>
</div>
在我的CSS中，我有：
#selectScroll_div {
width: 180px;
height: 140px;
overflow-y: scroll;
overflow-x: scroll;
}
这是小提琴：
您有2套滚动条。一对你div，一对你select。您需要摆脱对选择框上滚动条的需求。
您的滚动条的原因select是它的size值小于其中的选项数量。您需要将大小设置为等于select内的选项数量（在您的示例中为1515）。
的HTML
<div id="selectScroll_div">
<select name="lcLhs" id="lcLhs" size="1515" multiple="multiple">
<option value="699803">AIHI_TREND - this is a very long option</option>
...
</select>
</div>
的CSS
#selectScroll_div {
width: 180px;
height: 140px;
overflow: auto;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句