如果内容太长,我有一个需要滚动的 div。 现在我已经向这个 div 添加了一个选择框(使用 jQuery 插件 MultipleSelect 设置了样式)。当我打开 DropDown 时,选项“丢失”/不可见。
#samplediv {
overflow: auto;
max-height: 100px;
}
<div id="samplediv">
Lorem ipsum<br/>
<select class="w300" multiple="multiple">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<br/>dolor sit
</div>
最佳答案
添加可见的溢出
#samplediv{
overflow: visible;
max-height: 100px;
}
正确答案:
要解决滚动问题,请将绝对位置添加到选择框并制作一个假空间 div 以模拟来自选择的空间 fiddle ,因为这将有一个绝对位置,在滚动 div 时使用 jquery scroll 模拟静态位置减少 top 属性
关于jquery - div 边框上的下拉菜单(带滚动条的 div :auto),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44521649/