1. ホーム
  2. ジャバスクリプト

[解決済み】ブラウザのウィンドウが下までスクロールされているかどうかを検出するには?

2022-04-05 04:49:51

質問

ユーザーがページの一番下までスクロールしているかどうかを検出する必要があります。ユーザーがページの最下部にいる場合、新しいコンテンツを最下部に追加すると、自動的に新しい最下部までスクロールします。ユーザーがページの最下部にいない場合は、ページの上部にある以前のコンテンツを読んでいるため、ユーザーは現在の位置に留まりたいので、自動スクロールさせたくありません。

ユーザーがページの一番下までスクロールしたのか、ページのもっと上までスクロールしたのかを検出するにはどうすればよいですか?

どのように解決するのですか?

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

デモを見る