スクロール操作前に条件を追加する方法

Question

fullpage.js ライブラリの使用に問題があります モーダルを開いたときに画面がスクロールしないようにする必要があります。

onLeave、afterLoad、jQuery を使用してスクロールを無効にしようとしました。コードは次のとおりです。

$(document).ready(function () {
  $(ウィンドウ).bind("ホイール", function (e) {
    if (document.getElementsByClassName("modalIsOpen").length != 0) {
      $.fn.fullpage.setAllowScrolling(false);
    } それ以外 {
      $.fn.fullpage.setAllowScrolling(true);
    }
  });
  $("#fullpage").fullpage({
    NormalScrollElements: ".tableContainer"、
  });
});

しかし、このコードの問題は、ページが 1 回スクロールすると、ページのスクロールが機能しなくなることです。 fullpage.js が最初にスクロールし、その後 jQuery がスクロールを停止するようです。 何か案は？ みなさん、ありがとう

Answer 1

@JavierFromMadrid のおかげで解決策が見つかりました ただし、これはトピックの質問に対する正確な答えではなく、問題を解決する別の方法です。 この問題を解決する 1 つの方法は、モーダルを開くときに fullpagejs のスクロールを無効にすることです:

リーリー

呼び出された関数がモーダル ボックスのスクロールを無効にしないようにするには、モーダル ボックス クラスの名前を fullpage の normalScrollElements オプションで定義する必要があります。

リーリー