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