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!");
}