Question

我试图将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

Answer 1

来自perfect-scrollbar's documentation：

以下要求应符合：


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

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

.select2-results__options {
  position: relative;
}

更新了fiddle

Select2内部的完美滚动条。集装箱高度错误

1 个答案: