ユーザーが Web ページの下部に到達したことを検出するにはどうすればよいですか?

ブラウザ ウィンドウ内のスクロール位置の特定

ユーザーが Web ページの下部に到達したかどうかを検出することは、ユーザー エクスペリエンスを向上させる上で重要です。特に新しいコンテンツを動的に追加する場合。この機能を確立するには、次の手順を検討してください。

JavaScript の実装

window.onscroll イベント リスナーを使用してブラウザのスクロール位置を監視します。このリスナー内で、次の式を使用してユーザーがページの下部に到達したかどうかを判断します。

(window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight

ここで、window.innerHeight はブラウザのビューポートの高さを表し、window.scrollY は垂直方向にスクロールされたピクセルを示し、ドキュメント.body.offsetHeight は、スクロール可能な合計の高さを提供します。

デモ

提供されたコード スニペットは、この手法のデモを提供します。

window.onscroll = function(ev) {
    if ((window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight) {
        // User has reached the bottom of the page
    }
};

このコードを Web アプリケーションに組み込むことにより、ユーザーがページの一番下までスクロールしたかどうかを効果的に判断できます。これにより、ユーザーを新しいコンテンツまで自動的にスクロールしたり、ページの最後に到達したときに追加のコンテンツを表示したりするなど、ページの動作を調整できます。

以上がユーザーが Web ページの下部に到達したことを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。