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

Question

所以我正在嘗試實現流行的inifnite滾動插件來取代我當前自制的無限滾動腳本：

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

無論如何，似乎這個插件需要在頁面上有html分頁。 即由於以下選項：

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

我在頁面上沒有分頁標記。 我不在乎我的網站是否與crawler / js禁用用戶兼容。

那么有沒有辦法在沒有物理html分頁的情況下實現這個插件？

在我的自定義腳本中，我做了類似的事情：

var $page = 1;

// Load content for $page

$page++;

像這樣的東西，即我可以作為整數傳遞起始頁？

Answer 1

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

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

Answer 2

您可以使用jQuery / javascript輕松創建它。

現在為任何事情編寫通用都有點困難，但主要原則是：

如果您正在加載最新內容（最新的內容，舊版滾動）：

1. 加載第一組元素（天氣是blogsposts，圖像，引號），它需要比屏幕高度多一點。 將最后一項的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個加載新數據。