Question

我有一个固定高度的Div，并应用自定义滚动。

现在，当我使用鼠标滚轮滚动此Div内容时，select2选项（保持打开状态时）不会与相应的select2下拉列表一起滚动。

以下是我的问题的JSFiddle。

单击下拉列表以显示选项，然后滚动鼠标滚轮保持选项打开。即使下拉列表上升，选项也不会滚动。

这有什么解决方案吗？请建议，谢谢！

$('.customize-content').mCustomScrollbar();

$('select').select2({
  minimumResultsForSearch: Infinity
});

<div class="customize-content has-toggle">
  <div>

    <select>
      <option>Text 1</option>
      <option>Text 2</option>
      <option>Text 3</option>
      <option>Text 4</option>
    </select>

  </div>
</div>

Answer 1

<强>问题

下拉列表的html会添加到您正在滚动的容器之外，并使用绝对位置覆盖。

解决方案

使用选项dropdownParent在容器中添加下拉列表： -

$('select').select2( {
   minimumResultsForSearch: Infinity,
   dropdownParent:$('#mCSB_1_container')
});

Updated Fiddle

选择2选项不使用自定义滚动条滚动

1 个答案: