javascript - Jquery分页滚动如facebook状态

Question

我正在尝试像 this tutorial 一样进行分页滚动，当我使用

 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');
  }
});