javascript scrollTop正解使用方法
javascript scrollTop 獲取滾動條相對于其頂部的偏移(如制作自動顯示隱藏的“返回頂部”按鈕)。在實際應(yīng)用中經(jīng)常會遇到以下問題:
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ù)引用
由于變量b中保存的是函數(shù)的引用,當(dāng)函數(shù)變化時,b也隨時變化,且不管函數(shù)出現(xiàn)的先后順序。兩次alert(b),雖然位置不一樣,但是內(nèi)容相同。2010-11-11
JavaScript中構(gòu)造函數(shù)與原型鏈之間的關(guān)系詳解
在本篇文章里小編給大家分享了關(guān)于JavaScript中構(gòu)造函數(shù)與原型鏈之間的關(guān)系相關(guān)知識點,需要的朋友們學(xué)習(xí)下。2019-02-02
js實現(xiàn)unicode碼字符串與utf8字節(jié)數(shù)據(jù)互轉(zhuǎn)詳解
這篇文章主要介紹了js實現(xiàn)unicode碼字符串與utf8字節(jié)數(shù)據(jù)互轉(zhuǎn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03

