jquery - fadeOut() / fadeIn() プラグイン関数呼び出し間の不規則な動作

Question

私は、さまざまなセクション間の遷移として、fadeIn() と fadeOut() を常に使用するサイトで作業しています。すべてのスクロール可能な div について、私はNiceScroll pluginを使用しています。

問題は、表示しているセクションを変更するたびに (そのため、fadeOut() と fadeIn() を使用)、プラグインの jquery コードが動作を停止するか、不規則に動作することです。もう 1 つの奇妙な点は、ブラウザーのインスペクター (私は 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;
}

それらはすべて、最初に表示されたときに正常に動作します...

助けてください？

ペドロ