使用jQuery無限滾動插件沒有分頁標記？

Question

所以我想實現的流行inifnite滾動插件，以取代目前的自制無限滾動腳本：

http://www.infinite-scroll.com/ & https://github.com/paulirish/infinite-scroll

反正好像這個插件，需要有對html格式的分頁這一頁。即由於以下選項：

nextSelector: "div.navigation a:first", 
navSelector: "div.navigation", 

我沒有頁面上的分頁標記。我不關心我的網站是否與抓取工具/ js禁用用戶不兼容。

那麼有沒有一種方法來實現這個插件沒有物理html分頁？

在我的自定義腳本，我做這樣的事情：

var $page = 1; 

// Load content for $page 

$page++; 

這樣的事，也就是我可以在開始頁面傳遞一個整數？

Answer 1

看看這個，非常簡化的無限滾動版本，它不需要任何分頁元素。

http://www.innovativephp.com/demo/infinitescroll/

Answer 2

您可以使用jQuery/JavaScript的輕鬆創建它。

這是一個有點硬，現在寫一個通用的任何東西，但主要的原理是這樣的：

如果要加載最新的內容（最新第一，舊的滾動）：

1. 負載第一組元素（天氣是博客帖子，圖片，報價），比屏幕高度要多一點。將最後一個項目的ID保存在一個變量中。

2. 使用setInterval檢測用戶是否滾動頁面，然後加載ID低於您保存的上一個ID的數據。然後繼續保存最後的ID並加載新的內容。

祝你好運！

事情是這樣的：

function loadnewdata() 
{ 
    // do ajax stuff, update data. 
} 
setInterval(
    function(){ 
    if(($(document).height() - $(window).height() - $(document).scrollTop()) < 500){ 
    loadnewdata(); 
    } 
    }, 
    500 
); 

你會寫loadNewData（）函數爲自己，當然。取決於你的數據。 如果用戶已滾動頁面，則會每載入500個新數據。