Question

我知道当滚动点击页面底部时如何调用函数。

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

但是我想在它触底之前做一点点。我该如何做到这一点？

Answer 1

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

check this example

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

在滚动到页面底部之前调用函数

3 个答案: