检测用户已滚动到页面的最低部分 - jQuery

Question

在http://api.jquery.com/one/或Facebook中，当您在页面底部时，它们会检测到更多数据[无论他们想要什么]显示！

怎么做？

Answer 1

您正在寻找的是Lazy Loading。

使用Infinite Scroll jQuery Plugin

可以轻松完成此操作

来源github

Answer 2

jQuery创建者John Resig在他的博客上有一篇关于正确和错误的方法的帖子 - http://ejohn.org/blog/learning-from-twitter/

Answer 3

如果您需要检测用户位于最低位置，则以下代码将起作用

<div class="test">not at bottom</div>
<div class="test">not at bottom</div>
<div class="test">not at bottom</div>
....
<div class="test">not at bottom</div>
<div class="test">not at bottom</div>

<div id="placeholder">placeholder</div>


$(window).scroll(function check(){
  var top = $("#placeholder").offset().top;
  if($(window).scrollTop() + jQuery(window).height() > top){
      $(".test").each(function(){$(this).html("at bottom")});
  }else{
      $(".test").each(function(){$(this).html("not at bottom")});
  }
});

您可以在jsFiddle 找到此信息。