DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> HTML頁面滾動時獲取離頁面頂部的距離2種實現方法
HTML頁面滾動時獲取離頁面頂部的距離2種實現方法
編輯:關於JavaScript     
方法一:DOM
復制代碼 代碼如下:
<script>
window.onscroll = function() {
console.info(window.scrollY);
}
</script>

注冊onscroll事件,在控制台(按F12)打印當前頁面距離頁面頂部的距離(單位:像素px)

方法二:jQuery
復制代碼 代碼如下:
$(function() {
$(window).scroll(function() {
console.info($(window).scrollTop());
});
});

調用window對象的scroll方法注冊滾動事件,調用window對象的scrollTop方法,意義同scrollY屬性。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved