javascript scrollTop 取得捲軸相對於其頂部的偏移(如製作自動顯示隱藏的「返回頂部」按鈕)。在實際應用上常會遇到以下問題:
document.documentElement.scrollTop在Chrome裡總為0
1、各各各瀏覽器下window.pageYOffset/document.documentElement.scrollTop/document.body.scrollTop的差異
示例:
window.scroll(0,100)
console.log(“window.pageYOffset:” window.pageYOffset)
console.log(“document.document:document.document) ” document.documentElement.scrollTop)
console.log(“document.body.scrollTop:” document.body.scrollTop)
IE6/7/8:
IE6/7/8:
doc >window.pageYOffset:undefined
document.body.scrollTop:0
無doctype:
window.pageYOffset:undefined
document.documentElement.scrollTop:0
document.body.scrollTop:100
Safari/Chrome:document.documentElement.scrollTop:0
Firefox/Opera:
doctype:
window.pageYOffset:100
document.documentElement.scrollTop:100
無doctype:
window.pageYOffset:100
document.documentElement.scrollTop:0
2、取得scrollTop值
完美的取得scrollTop 賦值簡寫: