因此,尽管我试图在网上找到一些东西来回答这个问题,但我没有运气。我一直在尝试创建一种“主要”的 css 方法来将水平滚动添加到选择列表中。
但是,如果我在可滚动容器内有一个选择,其中容器高度小于选择的高度(触发外部容器上的垂直滚动),那么滚动行为要么不稳定(在正常选择的情况下)或者在 IE 或 Chrome 中根本没有(在向选择添加multiple="multiple"
属性的情况下)。但是,它似乎在 FireFox 中运行正常
问题:是否有任何 css/html 结构解决方法?任何替代的 jQuery/js 解决方法?
div.ScrollableSelect { overflow: auto; }
#availableCodes { width: 600px; height: 1715px; }
<div class="ScrollableSelect" style="width: 300px; height: 300px">
<select id="availableCodes" multiple="multiple">
</select>
</div>