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);