下拉div边框(带滚动的div:auto)

时间:2017-06-13 12:32:25

标签: jquery css select overflow dropdown

如果内容太长,我有一个需要可滚动的div。 现在我已经为这个div添加了一个选择框(使用jQuery Plugin 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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:3)

添加溢出可见

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

正确答案:

使用滚动添加位置绝对选择框并创建一个假空格div以模拟选择fiddle的空间,因为这将具有绝对位置,用jquery模拟静态位置在滚动div时滚动缩小top属性