HTML頁面捲動時取得離頁面頂部的距離2種實作方法_javascript技巧

方法一：DOM

複製程式碼 程式碼如下:

程式碼如下:



window.onscroll = function() {

console.info(window.scrollY);
}

註冊onscroll事件，在控制台（按F12）列印目前頁面距離頁面頂部的距離（單位：像素px)

方法二：jQuery

複製程式碼

程式碼如下:


$(function() {
$(window).scroll(function() {

console.info( $(window).scrollTop());
}); }); 呼叫window物件的scroll方法註冊捲動事件，呼叫window物件的scrollTop方法，意義同scrollY屬性。