我正在使用fadeIn()和fadeOut()的网站,作为不同部分之间的转换。对于所有可滚动的div,我使用的是NiceScroll plugin。
问题在于每次我更改我正在查看的部分 - 因此使用fadeOut()和fadeIn() - 插件的jquery代码停止工作或工作不正常。另一个奇怪的事情是,如果我打开浏览器检查器(我使用Firefox),插件的代码就开始工作了!
以下是我的一些可滚动div的代码示例:
$('#Company_textContainer, #facebookContainer, .generic_textContainer').niceScroll({
enablemousewheel: true,
touchbehavior: true,
cursoropacitymax: 0.6,
cursorwidth: 8,
scrollspeed: 60,
mousescrollstep: 10,
autohidemode: "hidden"
});
HTML示例:
<div class="generic_textContainer"">
<p>...</p>
</div>
CSS示例:
.generic_textContainer {
z-index: 1;
width: 176px; height: 277px;
margin: auto;
position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%;
font-family: 'Playfair Display', serif; font-size: 14px; text-align: left;
overflow: hidden;
}
显示第一个 ...
时,它们都能正常工作请帮帮忙?
佩德罗