获取可视区的宽高
document.documentElement.clientWidth
document.documentElement.clientHeight
获致滚动条滚动距离
// 主流浏览器中,用下面的代码获取值
document.documentElement.scrollTop
document.documentElement.scrollLeft
// 搜狗浏览器、360 浏览器、IE 浏览器中,用下面的代码获取值
document.body.scrollTop
document.body.scrollLeft
// 兼容写法
document.documentElement.scrollTop || document.body.scrollTop
IE中获取需要加一个定时器,不然取到的值总是 0
setTimeout(function(){
console.log(document.body.scrollTop);
},100);
元素的内容宽高
//(获取所有子孙元素中最大值作为内容高)
oElement.scrollHeight
oElement.scrollWidth
只获取子元素宽高作为内容宽高
document.documentElement.offsetWidth
document.documentElement.offsetHeight