javascript scrollTop正解使用方法
javascript scrollTop 獲取滾動(dòng)條相對于其頂部的偏移(如制作自動(dòng)顯示隱藏的“返回頂部”按鈕)。在實(shí)際應(yīng)用中經(jīng)常會(huì)遇到以下問題:
document.documentElement.scrollTop在Chrome里總為0
document.body.scrollTop 在IE和firefox里總為0
1、各瀏覽器下 window.pageYOffset/document.documentElement.scrollTop/document.body.scrollTop的差異
示例:
window.scroll(0,100)
console.log(“window.pageYOffset:”+window.pageYOffset)
console.log(“document.documentElement.scrollTop:”+document.documentElement.scrollTop)
console.log(“document.body.scrollTop:”+document.body.scrollTop)
IE6/7/8:
doctype:
window.pageYOffset:undefined
document.documentElement.scrollTop:100
document.body.scrollTop:0
無doctype:
window.pageYOffset:undefined
document.documentElement.scrollTop:0
document.body.scrollTop:100
Safari/Chrome:
window.pageYOffset:100
document.documentElement.scrollTop:0
document.body.scrollTop:100
Firefox/Opera:
doctype:
window.pageYOffset:100
document.documentElement.scrollTop:100
document.body.scrollTop:0
無doctype:
window.pageYOffset:100
document.documentElement.scrollTop:0
document.body.scrollTop:100
2、獲取scrollTop值
完美的獲取scrollTop 賦值簡寫 :
var scrollTop = window.pageYOffset|| document.documentElement.scrollTop || document.body.scrollTop;
相關(guān)文章
菜鳥學(xué)習(xí)JavaScript小實(shí)驗(yàn)之函數(shù)引用
由于變量b中保存的是函數(shù)的引用,當(dāng)函數(shù)變化時(shí),b也隨時(shí)變化,且不管函數(shù)出現(xiàn)的先后順序。兩次alert(b),雖然位置不一樣,但是內(nèi)容相同。2010-11-11
JS中處理時(shí)間之setUTCMinutes()方法的使用
這篇文章主要介紹了JavaScript中處理時(shí)間之setUTCMinutes()方法的使用,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
關(guān)于可運(yùn)行代碼無法正常執(zhí)行的使用說明
腳本之家網(wǎng)站為了方便大家快速的查看效果,只要大家運(yùn)行一下代碼即可能看到效果。2010-05-05
JavaScript中構(gòu)造函數(shù)與原型鏈之間的關(guān)系詳解
在本篇文章里小編給大家分享了關(guān)于JavaScript中構(gòu)造函數(shù)與原型鏈之間的關(guān)系相關(guān)知識(shí)點(diǎn),需要的朋友們學(xué)習(xí)下。2019-02-02
js實(shí)現(xiàn)unicode碼字符串與utf8字節(jié)數(shù)據(jù)互轉(zhuǎn)詳解
這篇文章主要介紹了js實(shí)現(xiàn)unicode碼字符串與utf8字節(jié)數(shù)據(jù)互轉(zhuǎn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03

