Select2 +自定义滚动条

Question

我正在尝试使用Select2 4.0连接一些自定义滚动条.我在stackoverflow上找到了一些旧主题,但解决方案(使用select2 3.4 ie)似乎已经过时了.

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

scrollpane解决方案(使用时,"找不到结果"错误)

$(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连接？任何帮助将不胜感激.

Answer 1

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

$('select').select2()
.on("select2:open", function () {
    $('.select2-results__options').niceScroll();
});