Question

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

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

滚动窗格解决方案（使用时，＆＃34;未找到结果＆＃34;错误发生）

＆＃13;

$(function() {
	$('.select2-with-scroll').jScrollPane();
	
	$w.on('resize', function() {
		$('.select2-with-scroll').jScrollPane();
	});
});

＆＃13;

<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>

＆＃13;

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

＆＃13;

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

＆＃13;

我可以使用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();
});

Select2 +自定义滚动条

1 个答案: