前端DOM，窗口尺寸，让滚动条滚动~~~

查看视口的尺寸：window.innerWidth/innerHeight
Document.documentElement.clientWidth/clientHeight 标准模式下，任意浏览器都兼容
Document.body.clientWidth/clienHeight 适用于怪异模式下的浏览器
封装兼容性方法，返回浏览器视口尺寸getViewportOffset()
DomElement.getBoundingClienRect(); 兼容性很好
该方法返回一个对象，对对象里面有left，top，right，bottom等属性。Left和top代表该元素左上角的X和Y坐标，right和bottom代表元素右下角的X和Y
Height和width属性老版本ie并未实现 返回的结果是‘实时的’
查看尺寸：dom.offsetwidth,dom.offsetHeight 查看元素的位置
Dom.offsetleft,dom.offsetTop
对于无定位父级得元素，返回相对于文档的坐标。对于有定位父级赶回相对于最近的有定位的父级的坐标。 Dom.offsetParent
返回最近的有定位的父级，如无，返回body.offsetParent Eg:求元素相对于文档的坐标getElementPosition

让滚动条滚动 ------Window上有三个方法：
1.scroll(),
2.scrollTo() ,
3.scrollBy()三个方法功能类似，用法都是将X，Y坐标传入。即使实现了让滚动条滚动到当前位置。 区别：scroll()会在之前的数据基础上做累加。
Eg:利用scrollBy（）快速阅读的功能