带引导程序的jquery滚动条

Question

我正在使用bootstrap框架并将此插件用于div滚动条http://manos.malihu.gr/jquery-custom-content-scroller/

如果单击选项卡1，则包含内容的div将在那里。但问题是它不会显示滚动条，如果你最小化屏幕，滚动条就会显示。

jquery的：

$(window).load(function(){
    $("#content_1").mCustomScrollbar({
        scrollButtons:{
        enable:true
    }
});

任何想法滚动条在加载时如何处于活动状态？

Answer 1

您可以使用许多高级选项，尝试启用/禁用它们，直到获得所需内容，其中之一是

advanced: {
    updateOnContentResize: Boolean
}

Answer 2

我没有使用过该插件，但滚动条的一个常见问题是没有设置高度或内容的元素设置足够的高度来显示滚动条。阅读他们的文档，他们提到了以下内容：

“您的.content元素（或您附加自定义滚动条的任何其他元素）应具有溢出块的典型样式，例如高度（或最大高度）值，溢出：auto（或隐藏），其内容应足够长，需要滚动条。“

类似的东西：

测试CSS：

    #content_1 {
    width:auto;
    height:100%;
    overflow:hidden;
    }

HTML：

<div id="content_1">
  <p>Content Here....</p>
</div>

Answer 3

可能是问题所在 某些浏览器（如Chrome＆amp; FF）没有显示滚动条，如果它不是必需品或不需要显示它 即内容完全匹配或小于窗口大小。 你能尝试什么 如果窗口最大化，请减小其大小，直到需要滚动 尝试其他浏览器