JavaScript を使用して Web ページ下部のスクロール位置を検出するにはどうすればよいですか?

JavaScript を利用してページ下部のスクロール位置を検出する

ユーザーが Web ページの下部までスクロールしたかどうかを判断するために、JavaScript は強力なソリューションを提供します。これは、新しいコンテンツが下部に追加されたときに自動スクロールをトリガーし、ページの上の方で以前のコンテンツを読んでいるユーザーの邪魔を避けるために非常に重要です。

解決策: スクロール イベントの監視

ユーザーのスクロール動作を監視し、ユーザーの現在位置を判断するには、ウィンドウ オブジェクトに onscroll イベント リスナーを実装できます。

window.onscroll = function(ev) {
    if ((window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight) {
        // you're at the bottom of the page
    }
};

このイベントではhandler:

• window.innerHeight は、ブラウザ ウィンドウの表示可能な高さを表します。
• Math.round(window.scrollY) は、最も近い整数に四捨五入された現在の垂直スクロール位置を返します。
• document.body.offsetHeight はページの合計の高さを表しますcontent.

表示可能な高さとスクロール位置の合計をページ コンテンツの高さと比較することで、ユーザーが最下部に到達したかどうかを判断できます。合計がページの高さ以上の場合、ユーザーは最下位になります。

結論

JavaScript の onscroll イベントと簡単な計算を利用すると、ユーザーがいつアクセスしたかを正確に検出できます。 Web ページの一番下までスクロールしました。これにより、自動スクロールやユーザーの位置に基づいたコンテンツの更新など、コンテキストに応じた動作を実装できます。

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