2016-11-17 9 views
0

私はPerfectスクロールバーのプラグインをSelect2に統合しようとしています。スクロールバーはスクロールしながら遠くに移動します。 PSが間違ってselect2オプションコンテナの高さを計算しているようです。誰かがこれを手伝うことができますか?Select2の内部に完全なスクロールバー。コンテナの高さのバグ

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

は、単純なHTMLスニペットです

$(document).ready(function() { 
    $(".select2-example").select2(); 
    $('.select2-example').on("select2:open", function() { 
    $('.select2-results__options').perfectScrollbar(); 
    }); 
}); 

そしてここjsfiddle

答えて

0

perfect-scrollbar's documentationからです:

次の要件すべき出会い:

  1. コンテナは位置のスタイルを持っている必要があります**

だから、あなたが必要なすべてのコンテナに位置スタイルを追加することです:。

fiddle

更新
.select2-results__options { 
    position: relative; 
} 

関連する問題