jquery - 带有引导程序的 jquery 滚动条

Question

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

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

jQuery：

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

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

score 1 · Accepted Answer

您可以使用很多高级选项，尝试启用/禁用它们，直到您获得想要的东西，其中之一是

advanced: {
    updateOnContentResize: Boolean
}

score 0 · Accepted Answer

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

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

就像是：

测试 CSS：

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

HTML：

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

score 0 · Accepted Answer

问题可能是某些浏览器（如 Chrome 和 FF）如果不是必需的或不需要显示滚动条，即内容完全匹配或小于窗口大小，则不会显示滚动条。如果您的窗口最大化，您可以尝试什么，减小其大小直到需要滚动尝试其他浏览器

3 回答 3