ホームページ > ウェブフロントエンド > jsチュートリアル > ユーザーが jQuery でスクロールを停止したことをどのように検出できますか?

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

Mary-Kate Olsen
リリース: 2024-12-11 19:54:18
オリジナル
992 人が閲覧しました

How Can I Detect When a User Stops Scrolling in 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート