jquery - 带有流行的自定义滚动条的顽固问题

Question

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

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

score 0 · Accepted Answer

您的滚动条内联 CSS#content_11已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>

score 0 · Accepted Answer

问题是你的

$(window).load(function(){

在你的里面

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

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

2 回答 2