带有引导程序的 jquery 滚动条答案

【问题标题】：jquery scroller with bootstrap带有引导程序的 jquery 滚动条
【发布时间】：2023-04-10 10:27:01
【问题描述】：

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

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

jquery:

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

知道滚动条在加载时如何激活吗？

【问题讨论】：

【解决方案1】：

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

advanced: {
    updateOnContentResize: Boolean
}

【讨论】：

【解决方案2】：

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

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

类似：

测试 CSS：

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

HTML：

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

【讨论】：

【解决方案3】：

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

【讨论】：