+ 向上滚动的距离: 元素.scrollTop
区别:
==> IE 浏览器
+ 没有 DOCTYPE 声明的时候,用这两个都行
+ 有 DOCTYPE 声明的时候,只能用 document.documentElement.scrollTop
==> Chrome 和 FireFox
+ 没有 DOCTYPE 声明的时候,用 document.body.scrollTop
+ 有 DOCTYPE 声明的时候,用 document.documentElement.scrollTop
==> Safari
+ 两个都不用,使用一个单独的方法 window.pageYOffset
+ 向左滚动的距离: 元素.scrollLeft
兼容写法:
<button>点击</button>
<script>
var top1
window.οnscrοll=function(){
//获取滚动距离:兼容
top1=document.documentElement.scrollTop || document.body.scrollTop
console.log(top1)
}
</script>