流行的自定义滚动条的顽固问题答案

【问题标题】：stubborn prolem with popular custom scrollbar流行的自定义滚动条的顽固问题
【发布时间】：2013-01-23 21:14:54
【问题描述】：

$(".content1").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
$("#contact_details").mCustomScrollbar({
scrollButtons:{
enable:true
}
});

.content1 是有问题的 div：自定义滚动条在您调整窗口大小或启动 firebug 之前不会显示，contact_details 是第一个选项卡内的 div，尽管两个 div 都只包含文本，但没有任何问题。"

【问题讨论】：

【解决方案1】：

问题是你的

$(window).load(function(){

在你的里面

$(document).ready(function(e) {

如果您要在此 div 中包含图像，请删除文档准备功能。否则删除窗口加载功能。两者都不需要。

【讨论】：

【解决方案2】：

#content_11 中滚动条的内联 CSS 设置了 display:none。

<div class="mCSB_scrollTools" style="position: absolute; display: none;"> ... </div>

当您重新调整页面大小时，插件会覆盖该元素，从而使其出现。通过在我的浏览器中手动将display: none 替换为display: block;，我可以使滚动条出现（尽管在错误的位置）。

您的功能 div，#contact_details 已经有 display: block。

<div class="mCSB_scrollTools" style="position: absolute; display: block;">...</div>

【讨论】：