ユーザーが jQuery でスクロールを停止したことをどのように検出できますか?

jQuery のscroll() を使用してユーザーがスクロールを停止したことを検出する

問題の概要:

jQuery の roll() を使用しています。 ) スクロール中に要素からクラスを削除する関数。ただし、スクロールが停止したときにそのクラスを再適用したいとします。

回答の説明:

提供されるソリューションでは、タイマーを利用してユーザーがスクロールを停止したことを検出します。これは、scrollTimer 変数を使用してタイムアウトを追跡します。 scroll() イベントが発生すると、タイマーはクリアされ、setTimeout() を使用して新しいタイマーが設定されます。このタイマーは、指定された遅延 (この例では 250 ミリ秒) の後にコールバック関数を呼び出します。

拡張ソリューション:

提供されたコード スニペットには、jQuery の on() の拡張機能が含まれています。 $.unevent.js というイベント ハンドラー。この拡張機能を使用すると、コールバック関数がトリガーされるまでの遅延を指定できます。これは、一定の時間が経過した後にのみイベントを発生させたいシナリオに最適です。

実装:

更新されたバージョンの使用方法は次のとおりです。

$(window).on('scroll', function(e) {
    console.log(e.type + '-event was 250ms not triggered');
}, 250);

次のように遅延 (ミリ秒単位) を調整できます。必要です。

追加メモ:

• $.unevent.js の最新の更新については、GitHub リポジトリを必ず確認してください。
• これこのソリューションは、 on() 内のscrollを目的のイベントに置き換えるだけで、サイズ変更などの他のイベントに適用できます。メソッド。

以上がユーザーが jQuery でスクロールを停止したことをどのように検出できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。