jquery - fadeOut() / fadeIn() 插件函数调用之间的不稳定行为

Question

我正在开发一个一直使用 fadeIn() 和 fadeOut() 的网站，作为不同部分之间的转换。对于所有可滚动的 div，我使用的是NiceScroll 插件。

问题是每次我更改我正在查看的部分时——因此使用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;
}

第一次显示时，它们都可以正常工作...

请帮忙？

佩德罗