javascript - 隐藏在模态弹出可滚动部分后面的 jQuery 多选下拉值

Question

我使用了 Jquery 多选下拉菜单并为可滚动部分设置了模态主体的固定高度。问题是多选下拉菜单隐藏在可滚动部分的后面，我想在可滚动部分的顶部显示它。

请检查下面的屏幕截图:

HTML代码:

<div class="form-group">
    <label class="multiChkLbl required">Biological measures</label>
    <select id="multiChkBioMasures" class="form-control" name="bioMasures" multiple="multiple" value="${IdentifierData.identifier66}">
        <option value="Density">Density</option>
        <option value="Abundance">Abundance</option>
        <option value="Size">Size</option>
        <option value="Distribution/home range">Distribution/home range</option>
        <option value="Biodiversity">Biodiversity</option>
        <option value="Food web/energetics">Food web/energetics</option>
        <option value="Recruitment">Recruitment</option>
    </select>
</div>

CSS:模态可滚动部分高度设置如下

height: 300px;
overflow-y: auto;
overflow-x: hidden;

jquery:加载中

$("#multiChkBioMasures").multiselect();

Answer 1

使用这个下面的类来调整你的多选容器，你知道你的模式的高度根据你可以给顶部位置像素的高度。

.multiselect-容器{ 位置:固定!重要 顶部:0px !重要 左:50px !重要