jQueryを使用してスクロール方向を検出するにはどうすればよいですか?

jQuery を使用したスクロール方向の決定

jQuery でスクロール イベントを操作する場合、スクロール動作を実装するには上向きの動きと下向きの動きを区別することが重要になることがあります。 。このコード スニペットは、スクロール イベントの方向を検出する方法を示しています:

<br>$(window).scroll(function(event){<br> var st = $(this)。 scrollTop();<br> if (st > lastScrollTop){</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">   // downscroll code

ログイン後にコピー

} else {

  // upscroll code

}
lastScrollTop = st;
});

ここでは、変数 (lastScrollTop) を維持して、前のスクロール位置。現在のスクロール位置 (st) と lastScrollTop を比較することで、スクロールの方向を決定できます。 st が lastScrollTop より大きい場合は、下方向のスクロールを示します。それ以外の場合は、上向きスクロールです。

この手法は簡単で、スクロール方向を効果的に取得できるため、上スクロール イベントと下スクロール イベントの両方に適切なアクションを実装できます。

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