スクロール操作前に条件を追加する方法
P粉738046172
2023-09-06 00:00:45
<p>fullpage.js ライブラリの使用に問題があります
モーダルを開いたときに画面がスクロールしないようにする必要があります。 </p>
<p>onLeave、afterLoad、jQuery を使用してスクロールを無効にしようとしました。コードは次のとおりです。 </p>
<pre class="brush:php;toolbar:false;">$(document).ready(function () {
$(ウィンドウ).bind("ホイール", function (e) {
if (document.getElementsByClassName("modalIsOpen").length != 0) {
$.fn.fullpage.setAllowScrolling(false);
} それ以外 {
$.fn.fullpage.setAllowScrolling(true);
}
});
$("#fullpage").fullpage({
NormalScrollElements: ".tableContainer"、
});
});</pre>
<p>しかし、このコードの問題は、ページが 1 回スクロールすると、ページのスクロールが機能しなくなることです。
fullpage.js が最初にスクロールし、その後 jQuery がスクロールを停止するようです。
何か案は?
みなさん、ありがとう</p>
@JavierFromMadrid のおかげで解決策が見つかりました ただし、これはトピックの質問に対する正確な答えではなく、問題を解決する別の方法です。 この問題を解決する 1 つの方法は、モーダルを開くときに fullpagejs のスクロールを無効にすることです:
リーリー呼び出された関数がモーダル ボックスのスクロールを無効にしないようにするには、モーダル ボックス クラスの名前を fullpage の normalScrollElements オプションで定義する必要があります。
リーリー