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

Question

代码已更新：http://mawk3y.net/test/brand.php?id=12

原始jquery插件在这里http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

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

.content1是带有问题的div：自定义滚动条不会显示，直到您调整窗口大小或启动firebug，contact_details是第一个选项卡内的div，虽然两个div只包含文本，但没有任何问题。“< / p>

Answer 1

问题是你的

$(window).load(function(){

在你的

里面

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

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

Answer 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>