带有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();
});

例