向下滾動時自動加載內容

Question

我正在django/webfaction上創建一個博客。我的首頁默認顯示默認4個帖子（帖子限於queryset的urls.py）。現在，我想在用戶到達頁面底部時再加載四個帖子，並繼續保持該狀態，直到到達最後一個帖子。如何實現這一目標？

Answer 1

你可以嘗試這樣的事情..

var processScroll = true; 
$(window).scroll(function() { 
    if (processScroll && $(window).scrollTop() > $(document).height() - $(window).height() - 100) { 
     processScroll = false; 
     // your functionality here 
     processScroll = true; 
    } 
}); 

Answer 2

如果要加載的內容的文件使用達到極致底部下面的代碼：

$(window).scroll(function() 
{ 
    if($(window).scrollTop() == $(document).height() - $(window).height()) 
    { 
      // load your content 
    } 
}); 

如果你想之前加載內容達到100像素的底部使用

var loading= false; 
$(window).scroll(function() { 
    if (!loading && ($(window).scrollTop() > $(document).height() - $(window).height() - 100)) { 
     loading= true; 

     // your content loading call goes here. 

     loading = false; // reset value of loading once content loaded 
    } 
}); 

Answer 3

您可以通過Ajax調用來獲取'onscroll上的更多帖子'事件的元素（可能在你的情況下身體）。 您可以使用jquery的'.scroll（）'進行相同的調用：http://api.jquery.com/scroll/

您可以維護一個前置頂部語句來確定當前滾動的方向。

Answer 4

喲想是這樣的「http://www.developphp.com/view.php?tid=1265」

我相信:)