ユーザーが Web ページの一番下までスクロールしたことをどのように検出できますか?

Web ページ上のユーザーのスクロール位置の特定

ユーザーが Web ページの下部までスクロールしたかどうかを判断することは、特定のアクションを実行するために不可欠ですページの自動更新など。この検出を実現する方法は次のとおりです:

まず、ウィンドウ オブジェクトにスクロール イベント リスナーを登録する必要があります:

window.onscroll = function(ev) {

このイベント ハンドラー内で、現在のスクロールを計算できます。位置を確認し、Web ページの高さと比較します。

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

• window.innerHeight: 表示される高さを表します。
• window.scrollY: Web ページ内の垂直スクロール位置を示します。
• document.body.offsetHeight: スクロールされたコンテンツとスクロールされていないコンテンツを含む、Web ページ コンテンツの合計の高さを示します。スクロール領域。

window.innerHeight と window.scrollY の合計が以上の場合document.body.offsetHeight は、ユーザーがページの下部に到達したことを意味し、実行する必要のあるアクションをトリガーします。

実装例

たとえば、次のようになります。最下部に到達したときに Web ページを新しいコンテンツで更新するには、次のコードを使用できます:

window.onscroll = function(ev) {
    if ((window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight) {
        // Load or generate new content to add to the bottom of the page
    }
};

これを採用することで、この技術を使用すると、ユーザーがページの最後までスクロールしたかどうかを効果的に判断し、それに応じて適切なアクションを実行できます。

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