您好,欢迎访问一九零五行业门户网

javascript scrollTop正解使用方法

javascript scrolltop 获取滚动条相对于其顶部的偏移(如制作自动显示隐藏的“返回顶部”按钮)。在实际应用中经常会遇到以下问题:
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;
更多javascript scrolltop正解使用方法。
其它类似信息

推荐信息