Select2 +自定義滾動條

Question

我試圖用Select2 4.0連接一些自定義滾動條。我在這裏找到了一些關於stackoverflow的舊主題，但解決方案（使用select2 3.4即可）已經過時了。

我試過了：jquery.scrollpane和jquery.nicescroll。兩個滾動條都不適用於Select2 4.0。或者，也許我做錯了什麼？

滾動窗格溶液（當使用時， 「未找到結果」 錯誤occures）

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

<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

隨着選擇2 V4.0 + nicescroll v3.6.6儘量讓這樣的事情

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