0

我正在尝试将 Perfect 滚动条插件与 Select2 集成。向下滚动时滚动条会变远。似乎 PS 错误地计算了 select2 选项容器的高度。有人可以帮忙吗？

这是一个简单的html片段：

<select class="select2-example">
  <option value="1">Item 1</option>
  <option value="2">Item 2</option>
  <option value="3">Item 3</option>
  <option value="4">Item 4</option>
  <option value="5">Item 5</option>
  <option value="6">Item 6</option>
  <option value="7">Item 7</option>
  <option value="8">Item 8</option>
  <option value="9">Item 9</option>
  <option value="10">Item 10</option>
  <option value="11">Item 11</option>
  <option value="12">Item 12</option>
</select>

JS：

$(document).ready(function() {
  $(".select2-example").select2();
  $('.select2-example').on("select2:open", function () {
    $('.select2-results__options').perfectScrollbar();
  });
});

这是jsfiddle

4

1 回答 1

0

来自完美滚动条的文档：

应满足以下要求：

  1. 容器必须具有位置样式。**

所以你需要做的就是给容器添加一个位置样式：

.select2-results__options {
  position: relative;
}

更新的小提琴

于 2017-09-29T12:01:01.780 回答