帶有jQuery自定義內容滾動條的Bootstrap

Question

我必須在我的網站上將這個插件與bootstrap一起使用，但不適用於bootstrap。

任何人都可以幫助我解決這個問題？

還是任何人有其他選擇？

更新：

我自己解決了這個問題。

您必須在腳本中添加以下代碼：

  $('.mCustomScrollBox').addClass('col-xs-12'); 

並且您必須在樣式表中添加以下這些CSS代碼：

  #posts{ overflow: auto; position: absolute; } 

ps：#posts是要具有自定義滾動功能的可滾動div。

Answer 1

將此html添加到使用bootstrap創建的任何塊中：

<div class="scroll-box">
    <ul>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        .... 
    </ul>
</div>

並稱之為：

$.each($('.scroll-box'), function () {
    $(this).mCustomScrollbar();
});

例