获取元素的大小及其相对于视口的位置

Element.getBoundingClientRect() 返回值是一个 DOMRect 对象，具有四个只读属性left、top、right、bottom，单位为像素。这个对象是由该元素的 getClientRects() 方法返回的一组矩形的集合, 即：是与该元素相关的CSS 边框集合 。除了 width 和 height 外的属性都是相对于视口的左上角位置而言的 盒子的内容为空时，这个矩形

>>阅读原文<<