關(guān)于window.pageYOffset和document.documentElement.scrollTop

更新時間：2011年04月05日 21:59:21 作者：

window.pageYOffset：Netscape屬性，指的是滾動條頂部到網(wǎng)頁頂部的距離

舉個例子：
Css:假定進(jìn)行如下簡單設(shè)置；
html{height:1000px;}
JS：

復(fù)制代碼代碼如下:

 
function(){ 
window.scrollBy(0,100); 
alert(window.pageYOffset); 
} 

Results:
//點擊一次后彈出：100;得出的是一個數(shù)值，read-only屬性；value：Integer(整數(shù))，default:0;
附注：當(dāng)滾動條到達(dá)頁面最底部時，window.pageYOffset=1000-document.documentElement.clientHeight;

您可能感興趣的文章:

相關(guān)文章

微信小程序自定義底部彈出框動畫
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義底部彈出框動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
JS簡單計算器實例
這篇文章主要介紹了JS簡單計算器的實現(xiàn)方法,以加法實例分析了js實現(xiàn)計算功能的技巧,需要的朋友可以參考下
2015-01-01
微信小程序?qū)崿F(xiàn)收貨地址左滑刪除
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)收貨地址左滑刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
基于JS實現(xiàn)一個小型編譯器
這篇文章主要為大家介紹了如何利用JS實現(xiàn)一個小型編譯器，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)或工作有一定的參考價值，需要的可以參考一下
2022-04-04
js基于cookie記錄來賓姓名的方法
這篇文章主要介紹了js基于cookie記錄來賓姓名的方法,涉及javascript使用cookie針對方可信息的存儲與讀取顯示相關(guān)技巧,需要的朋友可以參考下
2016-07-07
移動端點擊圖片放大特效PhotoSwipe.js插件實現(xiàn)
這篇文章主要為大家詳細(xì)介紹了移動端點擊圖片放大特效PhotoSwipe.js插件實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
微信小程序?qū)崿F(xiàn)獲取準(zhǔn)確的騰訊定位地址功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)獲取準(zhǔn)確的騰訊定位地址功能,結(jié)合實例形式詳細(xì)分析了微信小程序使用騰訊地理位置接口的相關(guān)注冊、操作步驟及接口使用技巧,需要的朋友可以參考下
2019-03-03
JavaScript 實現(xiàn)的 zip 壓縮和解壓縮工具包Zip.js使用詳解
今天給大家介紹的文章是js實現(xiàn)的解壓縮插件zip.js，非常的簡單實用，有需要的小伙伴可以參考下。
2015-12-12
uniapp使用第三方UI庫uview-plus的方法
uview-plus是uni-app全面兼容nvue的uni-app生態(tài)框架,全面的組件和便捷的工具會讓您信手拈來,下面這篇文章主要給大家介紹了關(guān)于uniapp使用第三方UI庫uview-plus的方法,需要的朋友可以參考下
2023-04-04
JavaScript 輪播圖和自定義滾動條配合鼠標(biāo)滾輪分享代碼貼
本文給大家分享一段js輪播圖和自定義滾動條的代碼片段，布局和樣式小編沒給大家多介紹，大家可以根據(jù)個人需求優(yōu)化，具體實現(xiàn)代碼，大家可以參考下面代碼片段
2016-10-10