檢測用戶已滾動到頁面的最低部分 - jQuery

Question

在http://api.jquery.com/one/或在臉書，他們檢測到你在頁面的底部，並獲取更多的數據[他們想要的任何]顯示！

該怎麼辦？

Answer 1

如果您的需要是檢測用戶是在最低部分，下面的代碼將工作

<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看到。

Answer 2

你在找什麼叫做Lazy Loading。

這可以或許輕鬆地使用Infinite Scroll jQuery Plugin

來源是可在完成github

Answer 3

jQuery的創始人John Resig的對他要做到這一點，正確的和錯誤的方式博客的一篇文章 - http://ejohn.org/blog/learning-from-twitter/