顽固的问题与流行的自定义滚动条 [英] stubborn prolem with popular custom scrollbar

问题描述

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

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

the original jquery plugin is here 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只包含文本，但没有任何问题。

.content1 is the div with the problem : custom scrollbar doesn't show up untill you resize the window or start firebug and contact_details is the div inside the first tab which is without any problem though both divs contain text only."

推荐答案

您在 #content_11 内的滚动条的内联CSS已 display：none set。

Your inline CSS for the scroll bar within #content_11 has display:none set.

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

当您重新调整大小时页面，插件覆盖该元素，使其显示。通过手动替换 display：none with display：block; 在我的浏览器中，我可以显示滚动条（虽然位置错误）。

When you re-size the page, the plug-in is overwriting that element, which makes it appear. By manually replacing display: none with display: block; in my browser, I can make the scroll bar appear (albeit in the wrong place).

你的功能div， #contact_details 已经 display：block 已经。

Your functional div, #contact_details has display: block already.

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

这篇关于顽固的问题与流行的自定义滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！