HTML頁面滾動時獲取離頁面頂部的距離2種實現(xiàn)方法
更新時間：2013年09月05日 17:52:27 作者：
獲取離滾動頁面的頂部距離有兩種方法一是DOM；而是jquery，具體的實現(xiàn)如下，感興趣的朋友可以嘗試操作下
方法一：DOM
<script>
window.onscroll = function() {
console.info(window.scrollY);
}
</script>
注冊onscroll事件，在控制臺（按F12）打印當前頁面距離頁面頂部的距離（單位：像素px)
方法二：jQuery
$(function() {
$(window).scroll(function() {
console.info($(window).scrollTop());
});
});
調(diào)用window對象的scroll方法注冊滾動事件，調(diào)用window對象的scrollTop方法，意義同scrollY屬性。
復制代碼 代碼如下:
<script>
window.onscroll = function() {
console.info(window.scrollY);
}
</script>
注冊onscroll事件，在控制臺（按F12）打印當前頁面距離頁面頂部的距離（單位：像素px)
方法二：jQuery
復制代碼 代碼如下:
$(function() {
$(window).scroll(function() {
console.info($(window).scrollTop());
});
});
調(diào)用window對象的scroll方法注冊滾動事件，調(diào)用window對象的scrollTop方法，意義同scrollY屬性。
相關文章
js 將json字符串轉(zhuǎn)換為json對象的方法解析
將json字符串轉(zhuǎn)換為json對象的方法。在數(shù)據(jù)傳輸過程中，json是以文本，即字符串的形式傳遞的，而JS操作的是JSON對象，所以，JSON對象和JSON字符串之間的相互轉(zhuǎn)換是關鍵2013-11-11
prettify是Google提供的一款源代碼語法高亮著色器，它提供一種簡單的形式來著色HTML頁面上的程序代碼，最值得亮點的地方是不需要指明代碼的語言類型，它會自動進行判斷。2010-12-12
這篇文章主要介紹了bootstrap表單按回車會自動刷新頁面的問題及解決辦法，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這個可以增加用戶驗證，不用js alert來作提示，而是在右邊提示，現(xiàn)在很多網(wǎng)站都這樣做，有需要的朋友可以參考一下2013-08-08
js二級地域選擇的實現(xiàn)方法，需要的朋友可以參考一下2013-06-06
JavaScript必知必會(三) String .的方法來自何方
這篇文章主要介紹了JavaScript必知必會(三) String .的方法來自何方的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
JavaScript仿商城實現(xiàn)圖片廣告輪播實例代碼
大家在逛購物商城的時候不知道有沒有注意到商城首頁上面都會有各種輪播廣告，效果非常好，下面小編給大家整理特此分享給大家學習2016-02-02
這篇文章主要介紹了JavaScript中的標簽語句用法,實例分析了標簽語句的功能、定義及相關使用技巧,需要的朋友可以參考下2015-02-02
大家都喜歡用innerHTML添加內(nèi)容，但是innerHTML這東西在兩大陣營中有許多不同。2010-02-02
這篇文章主要介紹了在HTML中使用JavaScript的兩種方法，幫助大家更好的理解和制作網(wǎng)頁，感興趣的朋友可以了解下2020-12-12