jQueryを使用してスクロール方向(上または下)を決定するにはどうすればよいですか?

jQuery スクロール イベントの方向の決定

jQuery でスクロール イベントを処理する場合、スクロールがページ上で上に移動しているか下に移動しているかを知ると便利です。これは、現在のscrollTop値を以前のscrollTop値と比較することで実現できます。その方法は次のとおりです。

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
   } else {
      // upscroll code
   }
   lastScrollTop = st;
});

このコードでは、lastScrollTop は 0 に初期化されます。scroll イベントが発生すると、現在のscrollTop 値が st に保存されます。 st が lastScrollTop より大きい場合、コードはダウンスクロール コードを実行し、st が lastScrollTop より小さい場合、コードはアップスクロール コードを実行します。最後に、lastScrollTop が新しいscrollTop 値で更新されます。

以上がjQueryを使用してスクロール方向(上または下)を決定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。