//client
//元素的可视宽高:
元素.clientWidth (width+左右的padding)
元素.clientHeight (height+上下的padding)
//屏幕的可视宽高:
document.documentElement.clientWidth/clientHeight
//元素边框
元素.clientTop (上边框)——border
元素.clientLeft
//offset
//元素的占位宽高:
元素.offsetWidth (width+padding+border)
元素.offsetHeight (height+padding+border)
元素.offsetTop (当前元素的顶部,到定位父元素的距离,没有定位父元素,到body的距离)——相对父元素之间的距离
元素.offsetLeft (当前元素的左边,到定位父元素的距离,没有定位父元素,到body的距离)
//scroll
(滚动条滚动的时候调用)
屏幕的滚动距离:document.documentElement.scrollTop (被卷去的高)
元素.scrollTop (被卷去的高)
元素.scrollLeft (被卷去的宽)
元素.scrollWidth (元素实际内容宽)
元素.scrollHeight (元素实际内容高)
window.scroll = function() {
console.log(document.documentElement.scrollTop || document.body.scrollTop);
}; //处理兼容问题