JQuery是一個非常流行的JavaScript庫，它提供了一些方便快捷的方法來操作頁面元素和響應用戶事件。其中一個非常有用的功能是滾動加載，它可以讓頁面中的內容在用戶滾動到底部時自動加載更多。

$(document).ready(function() {
var loading = false;
$(window).scroll(function() {
if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100 && !loading) {
loading = true;
$('#loading').show();
// 發送ajax請求加載更多數據
$.ajax({
url: 'loadmore.php',
type: 'get',
data: {page: page},
success: function(data) {
$('#content').append(data);
$('#loading').hide();
loading = false;
page += 1;
},
error: function() {
alert('加載失敗，請重試！');
$('#loading').hide();
loading = false;
}
});
}
});
});

以上是一個簡單的 JQuery 滾動加載代碼示例，它定義了一個變量loading來記錄當前是否正在加載，然后通過監聽滾動事件來觸發加載。當滾動條到達底部時，如果當前沒有在加載數據，就會發送一個 AJAX 請求來加載更多數據，并將其添加到頁面中。在加載數據時，會顯示一個加載動畫，防止用戶重復觸發加載。當數據加載完成后，加載動畫會隱藏，loading變量將設置為false，page變量也將加1，以便在下一次加載時使用正確的頁面參數。

總的來說，使用 JQuery 實現滾動加載非常簡單，只需要幾行代碼就可以完成。通過這種方式，可以避免一次性加載大量數據造成頁面卡頓，同時也可以提升用戶對頁面的體驗。如果你在做一個需要滾動加載的項目，不妨嘗試使用 JQuery 來實現。