jquery分页滚动如facebook状态答案

【问题标题】：Jquery paging scroll such as facebook statusjquery分页滚动如facebook状态
【发布时间】：2012-06-25 07:36:22
【问题描述】：

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

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

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

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

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

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

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

谢谢。

【问题讨论】：

标签： javascript jquery facebook

【解决方案1】：

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

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

【讨论】：

谢谢，但是当我编码时，它没有显示任何操作错误。
yourcontainerId 必须替换为您的 id（您应该滚动的 div 的 id）
是的，我使用了#productlist，这是一个容器，用于保存我想要滚动的所有元素。
对不起，你指的是div的滚动条还是窗口滚动条？
我的窗口中有一个滚动条。而且我还想在窗口上使用滚动，比如 Facebook 更新状态。我的 div 没有滚动条。

【解决方案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.
}

【讨论】：