JQuery是一個JavaScript庫，它為JavaScript開發人員提供了許多簡化和提高JavaScript編程速度的工具。在Web開發中，經常需要獲取頁面的滾動距離。下面介紹如何使用JQuery獲取頁面的滾動距離。

$(window).scroll(function(){
// 獲取滾動距離
var scrollTop = $(this).scrollTop();
// 輸出滾動距離
console.log("scrollTop: " + scrollTop);
});

上面的代碼中，我們使用了JQuery的scroll()方法來監聽頁面的滾動事件。當頁面滾動時，該方法會被調用。然后通過JQuery對象的scrollTop()方法獲取滾動距離，并將其保存在scrollTop變量中。最后通過console.log()方法將滾動距離輸出到控制臺。

上述代碼可以進一步優化，使用一次性事件處理程序和緩存JQuery對象來提高性能。

var $window = $(window);
$window.on("scroll", function(){
// 獲取滾動距離
var scrollTop = $window.scrollTop();
// 輸出滾動距離
console.log("scrollTop: " + scrollTop);
});

以上代碼中，我們將window對象緩存在$window變量中，避免了每次調用scroll()方法時都要重新創建window對象。同時使用on()方法來監聽scroll事件，避免了多次注冊scroll方法的性能問題。

通過以上代碼，我們可以輕松地獲取頁面的滾動距離并進行一些自定義操作。