JQuery 是一種常用的 JavaScript 庫，它可以使網頁中的 HTML、CSS 和 JavaScript 之間的交互更加方便，同時也可以優化網頁的效果和功能。其中，獲取網頁高度是 JQuery 中重要的操作之一，在本文中我們將介紹如何使用 JQuery 獲取距離網頁高度。

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

在上面的代碼中，我們使用了 JQuery 中的 scroll() 方法，該方法用于在窗口滾動時監聽事件，獲取 scrollTop 屬性可以獲取垂直滾動的距離。而在控制臺中，我們可以輸出 scrollTop 的值，從而知道當前網頁滾動的距離。

此外，我們可以通過判斷 scrollTop 的大小，來對網頁進行一些特殊的操作。比如，在導航欄中加入一個“返回頂部”的按鈕，當 scrollTop 大于1000時，按鈕顯示出來，反之則隱藏起來：

$(window).scroll(function(){
var scrollTop = $(this).scrollTop();
if(scrollTop >1000){
$('#back-to-top').fadeIn();
}else{
$('#back-to-top').fadeOut();
}
});

在上面的代碼中，我們使用了 JQuery 的 fadeIn() 和 fadeOut() 方法，當瀏覽器滾動的距離大于 1000 時，通過 fadein() 方法顯示出一個 ID 為 back-to-top 的按鈕，反之則通過 fadeout() 方法將其隱藏。

綜上，獲取距離網頁高度是 JQuery 中一個相當重要的操作，可以借此實現一些特殊的功能，同時也為網頁的優化提供了極大的方便。