JQuery是一個(gè)JavaScript庫(kù)，它為JavaScript開(kāi)發(fā)人員提供了許多簡(jiǎn)化和提高JavaScript編程速度的工具。在Web開(kāi)發(fā)中，經(jīng)常需要獲取頁(yè)面的滾動(dòng)距離。下面介紹如何使用JQuery獲取頁(yè)面的滾動(dòng)距離。

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

上面的代碼中，我們使用了JQuery的scroll()方法來(lái)監(jiān)聽(tīng)頁(yè)面的滾動(dòng)事件。當(dāng)頁(yè)面滾動(dòng)時(shí)，該方法會(huì)被調(diào)用。然后通過(guò)JQuery對(duì)象的scrollTop()方法獲取滾動(dòng)距離，并將其保存在scrollTop變量中。最后通過(guò)console.log()方法將滾動(dòng)距離輸出到控制臺(tái)。

上述代碼可以進(jìn)一步優(yōu)化，使用一次性事件處理程序和緩存JQuery對(duì)象來(lái)提高性能。

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

以上代碼中，我們將window對(duì)象緩存在$window變量中，避免了每次調(diào)用scroll()方法時(shí)都要重新創(chuàng)建window對(duì)象。同時(shí)使用on()方法來(lái)監(jiān)聽(tīng)scroll事件，避免了多次注冊(cè)scroll方法的性能問(wèn)題。

通過(guò)以上代碼，我們可以輕松地獲取頁(yè)面的滾動(dòng)距離并進(jìn)行一些自定義操作。