如何使用無限滾動模式的單個大數據將從DB

Question

獲取非常容易，我們可以檢測到用戶滾動時，然後我們可以加載下一個數據到div像下面的東西。

$("body").scroll(function() { 
if (document.elementFromPoint(x,y) == $("#whatever")) { 
    $("#myDiv").load("test.html"); 
} 

}

我現在我的情況是不同的。我會在頁面上顯示單個數據，這本身就是一個很大的數據。 當我從我的數據庫顯示單個數據，然後用戶必須滾動很多，因爲我的單個數據覆蓋3-4頁。所以如果用戶需要讀取整個數據，那麼他必須滾動3-4頁並需要多次滾動。所以有什麼辦法，我可以顯示頁面中的一部分巨大的數據，當用戶滾動然後我會再次加載部分數據到頁面，並以這種方式我可以加載數據的方式用戶向下滾動。請尋求建議。

Answer 1

我的建議是使用第三方工具，例如， DevExpress XtraGrid。

他們有種virtual scrolling/paging，我覺得這跟你想要的相似。

使用開箱即用的組件通常可以幫助您避免開發和調試這種（可能）複雜的任務。

缺點是通過使用第三方庫，您的網頁通常會變得更「臃腫」（更多CSS，更多JavaScript，更大）。