スクロール操作前に条件を追加する方法
P粉738046172
P粉738046172 2023-09-06 00:00:45
0
1
498
<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>
P粉738046172
P粉738046172

全員に返信(1)
P粉195402292

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

リーリー

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

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート