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

jQuery を使用したユーザーのスクロール完了の検出

この議論では、ユーザーはユーザーがいつスクロールを停止したかを判断する方法を探しています。スクロールが停止したら、特定のアクション (要素にクラスを追加) を実行したいと考えています。

これを実現するには、次のようにします。 jQuery コードを使用できます:

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        // Add the desired class here
        console.log("Scrolling has stopped!");
    }, 250));
});

このコードでは、スクロール アクティビティを追跡するためにタイマーが使用されます。ユーザーがスクロールを続けると、タイマーがリセットされます。ただし、スクロールが 250 ミリ秒間停止した場合 (setTimeout 関数で定義されているように)、タイマーが期限切れになり、指定されたアクション (クラスの追加など) が実行されます。これにより、ユーザーがスクロールを停止した場合にのみクラスが追加されるようになります。

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