javascript - jquery分页滚动如facebook状态

Question

我正在尝试像 本教程一样进行分页滚动，而我使用

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

它不工作，它没有显示任何动作。所以我搜索并找到了一个解决方案：

 if($(window).scrollTop() + $(window).height() >= $("#productlist").height()) {

注意：#productlist 是我的容器 div 的 id。

但是当我这样做时，每当我滚动鼠标时，我的页面总是会附加数据。我想要的是，仅当滚动条位于页面底部时才加载新内容，例如 facebook 或 twitter 分页加载。

谁能告诉我，我该如何处理这个问题？

谢谢。

Answer 1

 $('#yourcontainerId').bind('scroll', function(){

  if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight)  {
    alert('this will alert only when it reaches the end');
  }
});

Answer 2

这个适用于窗口内的表格/div

elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()

var elem = $('#box');
if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) {
  // We're at the bottom.
}

更多：http ://www.yelotofu.com/2008/10/jquery-how-to-tell-if-youre-scroll-to-bottom/