獲取元素的大小及其相對於視口的位置

Element.getBoundingClientRect() 返回值是一個 DOMRect 對象，具有四個只讀屬性left、top、right、bottom，單位爲像素。這個對象是由該元素的 getClientRects() 方法返回的一組矩形的集合, 即：是與該元素相關的CSS 邊框集合 。除了 width 和 height 外的屬性都是相對於視口的左上角位置而言的 盒子的內容爲空時，這個矩形

>>阅读原文<<