jquery - div 边框上的下拉菜单(带滚动条的 div :auto)

Question

如果内容太长，我有一个需要滚动的 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>

Answer 1

添加可见的溢出

#samplediv{
    overflow: visible;
    max-height: 100px;
}

---

正确答案:

要解决滚动问题，请将绝对位置添加到选择框并制作一个假空间 div 以模拟来自选择的空间 fiddle ，因为这将有一个绝对位置，在滚动 div 时使用 jquery scroll 模拟静态位置减少 top 属性