javascriptscrollTop正解使用方法_基礎(chǔ)知識

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;

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com