获取窗口属性，dom尺寸，脚本化css

1、查看滚动条的滚动距离：

window.pageXOffset/window.pageYOffse  //（IE8以及IE8以下不兼容）；
document.body/documentElement.scrollLeft/scrollTop。

2、查看视口的尺寸：

window.innerWidth/innerHeight //（IE8以及IE8以下不兼容）；
document.documentElement.clientWidth/clientHeight //（标准模式下任意浏览器都兼容）；
document.body.clientWidth/clientHeight //（适用于怪异模式下的浏览器）；

3、查看元素的几何尺寸：

domEle.getBoundingClientRect(); //（返回结果不是实时的）

4、查看元素的尺寸：

dom.offsetWidth，dom.offsetHeight.

5、查看元素的位置：

dom.offsetLeft，dom.offsetTop.

6、让滚动条滚动：

window上有三个方法：scroll()、scrollTo()、scrollBy。

三个方法功能类似，用法都是将x、y坐标传入。即实现滚动条滚动到当前位置。

区别：scrollBy()会在之前的数据基础上做累加。

eg：window.scroll(0,100);