欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript scrollTop正解使用方法

 更新時(shí)間：2013年11月14日 16:37:43   作者：  
本文講了javascript scrollTop在各種瀏覽器中使用的不同顯示效果及正確使用方法示例

javascript scrollTop 獲取滾動(dòng)條相對(duì)于其頂部的偏移（如制作自動(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的差異
示例：

復(fù)制代碼 代碼如下:

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 賦值簡(jiǎn)寫 ：

復(fù)制代碼 代碼如下:

var scrollTop = window.pageYOffset|| document.documentElement.scrollTop || document.body.scrollTop;

相關(guān)文章

最新評(píng)論