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。