3

我正在尝试将一些自定义滚动条与 Select2 4.0 连接起来。我在 stackoverflow 上发现了一些旧主题，但解决方案（使用 select2 3.4 ie）似乎已经过时了。

我试过：jquery.scrollpane 和 jquery.nicescroll。两个滚动条都不适用于 Select2 4.0。或者也许我做错了什么？

滚动窗格解决方案（使用时出现“未找到结果”错误）

$(function() {
	$('.select2-with-scroll').jScrollPane();
	
	$w.on('resize', function() {
		$('.select2-with-scroll').jScrollPane();
	});
}); 
<select class="select2-with-scroll">
  <option value=""></option>
  <option value="50">50</option>
  <option value="55">55</option>
  <option value="60">60</option>
  <option value="65">65</option>
  <option value="70">70</option>
  <option value="75">75</option>
  <option value="80">80</option>
  <option value="85">85</option>
  <option value="90">90</option>
  <option value="95">95</option>
  <option value="100">100</option>
</select>

nicescroll 解决方案（绝对没有效果，HTML同上）

$(document).ready(
  function() { 
    $("select2-with-scroll").niceScroll();
  }
);

是否有任何其他自定义滚动条可以与 Select2 4.0 一起使用？或者也许可以将 nicescroll 或 scrollpane 与 Select2 连接起来？任何帮助将不胜感激。

4

1 回答 1

6

使用select2 v4.0 + nicescroll v3.6.6尝试制作这样的东西

$('select').select2()
.on("select2:open", function () {
    $('.select2-results__options').niceScroll();
});
于 2016-02-03T20:34:53.267 回答