一、元素的 client offset scroll 三个系列
clientWidth / clientHeight / clientTop / clientLeft
offsetWidth / offsetHeight / offsetLeft / offsetTop / offsetParent
scrollWidth / scroHeight / scrollTop / scrollLeft
这十三个属性 前面十一个是只读属性 scrollTop和scrollLeft是既可读也可写
测试滚动条的距离
返回Y轴window.pageYOffset
返回X轴window.pageXOffset
获取整个文档的高：
document.body.scrollHeight || document.documentElement.scrollHeight
获取浏览器一屏幕的高（浏览器的可视区）：
document.body.clientHeight || document.documentElement.clientHeight
二、window下的两个事件
onscroll 当滚动条滚动的时候出发
onresize 当窗发生改变时触发
三、让滚动条滚动
window.scroll（x，y） 不累加
window.scrollTo（x，y） 跟上面一样
window.scrollBy（x，y） 会累加