js获取dom元素位置函数

Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。
可以获取

• height:100
• width:100
• bottom:108
• left:13
• right:113
• top:8

这些属性除了width和height都是相对于窗口左上角计算的。由于是当前窗口的属性值，要想获取相对于整个网页的左上角定位值，要给top和left属性加上当前滚动的位置，（通过window.scrollX和window.scrollY)，这样就可以获取与当前滚动无关的值。

为了跨浏览器兼容，请使用 window.pageXOffset 和 window.pageYOffset 代替 window.scrollX 和 window.scrollY。