動態加載網頁內容

Question

對於我的大學項目，我們正在制作一個音樂下載站點。

在我將要顯示音樂的頁面上。 （可以通過單擊主頁上的iStore按鈕找到）。我想顯示前100名或類似的內容。 在前5個左右的底部有一個按鈕，可加載另外5個按鈕。

我全心全意地做我自己等等。您能將我鏈接到某種教程等嗎？

盡管到目前為止我仍然領先於他們仍在使用表，甚至還沒有在CSS上使用的類，所以還是很感激的，因為我們將在某個時候學習JQuery，但到目前為止我對它的了解很少

有問題的網站可以在這里找到： http : //www.ryanholder.co.uk/project

Answer 1

向下滾動時，您可以刪除按鈕並添加更多內容：

$(document).ready(function() {
  $("#content").scroll(function(){
    if($("#content").scrollTop() >= ($("#content-wrapper").height() - $("#content").height()))
    {
        $.get("url", function(data){
            $("#content").append(data);
        });
    }
  })
});

通過檢查scrollTop值，可以確定滾動條是否已到達底部附近。 如果達到，則向服務器發送AJAX請求以獲取更多內容並將其附加到頁面。