關(guān)于window.pageYOffset和document.documentElement.scrollTop
更新時(shí)間：2011年04月05日 21:59:21 作者：
window.pageYOffset：Netscape屬性，指的是滾動(dòng)條頂部到網(wǎng)頁(yè)頂部的距離
舉個(gè)例子：
Css:假定進(jìn)行如下簡(jiǎn)單設(shè)置；
html{height:1000px;}
JS：
function(){
window.scrollBy(0,100);
alert(window.pageYOffset);
}
Results:
//點(diǎn)擊一次后彈出：100;得出的是一個(gè)數(shù)值，read-only屬性；value：Integer(整數(shù))，default:0;
附注：當(dāng)滾動(dòng)條到達(dá)頁(yè)面最底部時(shí)，window.pageYOffset=1000-document.documentElement.clientHeight;
Css:假定進(jìn)行如下簡(jiǎn)單設(shè)置；
html{height:1000px;}
JS：
復(fù)制代碼 代碼如下:
function(){
window.scrollBy(0,100);
alert(window.pageYOffset);
}
Results:
//點(diǎn)擊一次后彈出：100;得出的是一個(gè)數(shù)值，read-only屬性；value：Integer(整數(shù))，default:0;
附注：當(dāng)滾動(dòng)條到達(dá)頁(yè)面最底部時(shí)，window.pageYOffset=1000-document.documentElement.clientHeight;
您可能感興趣的文章:
- top、clientTop、scrollTop、offsetTop
- scrollTop 用法說明
- jQuery 位置函數(shù)offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
- js中top、clientTop、scrollTop、offsetTop的區(qū)別 文字詳細(xì)說明版
- js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差別介紹
- 關(guān)于scrollLeft,scrollTop的瀏覽器兼容性測(cè)試
- jquery scrollTop方法根據(jù)滾動(dòng)像素顯示隱藏頂部導(dǎo)航條
- javascript scrollTop正解使用方法
- jQuery動(dòng)畫效果animate和scrollTop結(jié)合使用實(shí)例
- JS中完美兼容各大瀏覽器的scrolltop方法
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義底部彈出框動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了JS簡(jiǎn)單計(jì)算器的實(shí)現(xiàn)方法,以加法實(shí)例分析了js實(shí)現(xiàn)計(jì)算功能的技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)收貨地址左滑刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家介紹了如何利用JS實(shí)現(xiàn)一個(gè)小型編譯器，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)或工作有一定的參考價(jià)值，需要的可以參考一下2022-04-04
這篇文章主要介紹了js基于cookie記錄來(lái)賓姓名的方法,涉及javascript使用cookie針對(duì)方可信息的存儲(chǔ)與讀取顯示相關(guān)技巧,需要的朋友可以參考下2016-07-07
移動(dòng)端點(diǎn)擊圖片放大特效PhotoSwipe.js插件實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端點(diǎn)擊圖片放大特效PhotoSwipe.js插件實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
微信小程序?qū)崿F(xiàn)獲取準(zhǔn)確的騰訊定位地址功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)獲取準(zhǔn)確的騰訊定位地址功能,結(jié)合實(shí)例形式詳細(xì)分析了微信小程序使用騰訊地理位置接口的相關(guān)注冊(cè)、操作步驟及接口使用技巧,需要的朋友可以參考下2019-03-03
JavaScript 實(shí)現(xiàn)的 zip 壓縮和解壓縮工具包Zip.js使用詳解
今天給大家介紹的文章是js實(shí)現(xiàn)的解壓縮插件zip.js，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-12-12
uniapp使用第三方UI庫(kù)uview-plus的方法
uview-plus是uni-app全面兼容nvue的uni-app生態(tài)框架,全面的組件和便捷的工具會(huì)讓您信手拈來(lái),下面這篇文章主要給大家介紹了關(guān)于uniapp使用第三方UI庫(kù)uview-plus的方法,需要的朋友可以參考下2023-04-04
JavaScript 輪播圖和自定義滾動(dòng)條配合鼠標(biāo)滾輪分享代碼貼
本文給大家分享一段js輪播圖和自定義滾動(dòng)條的代碼片段，布局和樣式小編沒給大家多介紹，大家可以根據(jù)個(gè)人需求優(yōu)化，具體實(shí)現(xiàn)代碼，大家可以參考下面代碼片段2016-10-10