js中getBoundingClientRect()方法介绍

介绍：

        改方法返回元素大小以及视口的位置(不包含页面卷起的高度)。返回一个值为一个对象。

el.getBoundingClientRect().top	元素上边 距离 页面上边的距离
el.getBoundingClientRect().bottom	元素下边 距离 页面上边的距离
el.getBoundingClientRect().right	元素右边 距离 页面左边的距离
el.getBoundingClientRect().left	元素左边 距离 页面左边的距离
el.getBoundingClientRect().width	元素自身的宽度
el.getBoundingClientRect().height	元素自身的高度

滚动相关

scrollTop 元素垂直方向被卷去的距离
scrollLeft 元素水平方向被卷去的距离
window.scrollX(window.pageXOffset) 文档/页面水平方向滚动的距离
window.scrollY(window.pageYOffset) 文档/页面垂直方向滚动的距离
scrollTo(x, y) 将内容滚动到指定的坐标
scrollBy(x, y) 将内容向右下滚动的像素数