javascript - ページの一番下までスクロールする前に関数を呼び出します

Question

スクロールがページの下部に当たったときに関数を呼び出す方法を知っています。

$(window).scrollTop() == $(document).height() - $(window).height()

でも、底に達する前に少しやりたいと思います。どうすればこれを達成できますか？

Answer 1

$(window).scroll(function () {
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
      alert('end of page');
   }
});

この例を確認してください

-10関数が実行される前に、ユーザーがページの終わりからどれだけ離れている必要があるかを示します。これにより、必要に応じて動作を柔軟に調整できます

Answer 2

あなたはもうすぐそこにいます..ユーザーが底に近いかどうかを確認するには、オフセットを決定してから、ユーザーが底に近く、それに到達しようとしていると判断します。

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - offset) {
       callFunction();
   }
});

Answer 3

方程式に「少し前」を追加して、すでにそれを通過しているかどうかを確認します。たとえば、次のようになります。

var a_little_bit_before = 400;

if ( $(window).scrollTop() > $(document).height() - $(window).height() - a_little_bit_before ) {
    alert("TA DA!");
}