jQuery を使用してユーザーが Web ページの一番下 (または一番下近く) までスクロールしたことを検出するにはどうすればよいですか?

正確なコンテンツ読み込みのためのスクロールの深さを監視

コンテンツが一番下に到達すると読み込まれるページネーション システムでは、ユーザーがいつスクロールしたかを判断します先端が重要になります。 jQuery は、この課題に対する洗練されたソリューションを提供します。

メソッド:

ウィンドウ オブジェクトで .scroll() イベントを実行します:

$(window).scroll(function() {
   // Calculate total scroll position and compare it to document height
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

このコードは、ウィンドウの上部のスクロール位置 (どこまでスクロールしたか) と表示されているウィンドウの高さを合計し、これをコンテンツ全体の高さ。これらの値が一致すると、ユーザーがページの最下部に到達したことを示します。

最下部付近の検出:

実際の最下部の前にアクションをトリガーするシナリオの場合は、コードを次のように変更します。

$(window).scroll(function() {
   // Check if user is within 100 pixels from the bottom
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       alert("near bottom!");
   }
});

-100 の後の値を調整します (例: 50、200)、下までの必要な近接しきい値を定義できます。

以上がjQuery を使用してユーザーが Web ページの一番下 (または一番下近く) までスクロールしたことを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。