單個大html數據的無限滾動模式？

我知道如何檢測用戶滾動時，然後我們可以將下一個數據加載到div中，如下所示。單個大html數據的無限滾動模式？

$("body").scroll(function() { 
if ($(window).scrollTop() > $(document).height() - ($(window).height()*2)) { 
$("#myDiv").load("test.html"); 
} 
}

我的情況是不同的。我將在頁面中顯示單個數據html數據，這本身就是一個很大的數據。當我從我的數據庫中顯示單個數據時，用戶必須滾動很多，因爲我的單個數據覆蓋了3-4頁。所以如果用戶需要讀取整個數據，那麼他必須滾動3-4頁。所以有什麼辦法，我可以顯示頁面中的一部分巨大的HTML數據，當用戶滾動然後我會再次加載部分數據到頁面，並以這種方式我可以加載數據的方式用戶向下滾動。我試圖提取HTML數據的一部分，並在頁面中顯示，但頁面HTML看起來bad.so建議我如何加載數據與部分爲我的網頁的HTML標籤。感謝

來源

2012-06-23 Thomas

當他滾動時，可以在div後面顯示div。你已經有了解決方案。或者我誤解了這個問題 –

3-4頁對於靜態數據的這種惰性加載沒有那麼多。如果你花費大量的時間從數據庫中讀取這些數據，它可能有用，但是從靜態html中發送它並不是什麼大事。 – Aristos

將數據追加到你的主要內容股利。提取您想要分割的文本部分，併爲css標記提供正確的類等。將它們拆分成單獨的文件或提供所需內容的php文件。

然後用頁眉，頁腳，側邊欄等等讓您的原始網頁..使它看起來很漂亮。然後給你的內容的div像「爲myContent」

然後使用AJAX來加載下一個部分，而不是在div load方法你必須在你的榜樣的ID。

$.ajax("nextpart.php?which=whoweare").done(function (data) { 
    $("#mycontent").append(data) 
});

來源

2012-06-23 22:03:32 Tschallacka

單個大html數據的無限滾動模式？

回答

相關問題