jQuery滚动到BOTTOM以加载新内容在Scrolling TOP上以相反的方式工作（即）

Question

我在一个网站上工作，该网站已滚动到BOTTOM以加载AJAX内容。

我使用此Jquery Scroll函数：

$(window).scroll(function() { 

  if($(window).scrollTop() + $(window).height() == $(document).height())  
    {

      alert("ScrollTop + Window Height = "+$(window).scrollTop()+ " + " +
      $(window).height()+ " == Document Height = "+$(document).height());

      // This get's alerted only when i reach TOP
    }

  });

但这仅在我达到TOP时有效

有人遇到过这个问题吗？

Answer 1

您可以尝试按照以下代码解决问题。

$(window).scroll(function() {
    if($(window).scrollTop() == $(document).height() -$(window).height())     
    {
       load_data(); 
    }
});

欲了解更多信息，请访问此链接

Answer 2

首先，您需要了解窗口和文档之间的差异，例如800wX600h（$（window）.scrollTop（）+ $（window）.height（）== $（document）.height（）

0 + 600 = 600

所以应该是0 + 600> 600

将其替换为（$（window）.scrollTop（）+ $（window）.height（）== $（document）.height（）

Answer 3

我找到了解决此问题的方法，

我的错误是，我的html代码中没有包含文档类型。

<!DOCTYPE html>

这就是滚动以相反顺序工作的原因。 在代码的第一行包含doctype之后，它可以按预期工作（即）滚动到页面底部以加载更多AJAX内容或调用function（）。

因此，无论何时您编写的代码都以<！DOCTYPE html>开头

jQuery滚动到BOTTOM以加载新内容在Scrolling TOP上以相反的方式工作（即）

问题描述

3 个解决方案

解决方案1
0 2016-06-13 11:28:07

解决方案2
0 2016-06-13 11:56:26

解决方案3
0 已采纳 2016-06-15 05:26:07

jQuery滚动到BOTTOM以加载新内容在Scrolling TOP上以相反的方式工作（即）

问题描述

3 个解决方案

解决方案1 0 2016-06-13 11:28:07

解决方案2 0 2016-06-13 11:56:26

解决方案3 0 已采纳 2016-06-15 05:26:07

解决方案1
0 2016-06-13 11:28:07

解决方案2
0 2016-06-13 11:56:26

解决方案3
0 已采纳 2016-06-15 05:26:07