在頁面中定位元素

 使用getBoundingClientRect獲取元素的邊界矩形的大小和位置，而後訪問其top和left值以肯定位置：

//在頁面中定位元素
function positionObject(obj) {
    var rect=obj.getBoundingClientRect();
    return [rect.left;rect.top];
}

元素定位是根據該元素的左上角相對於其視口和祖先元素的位置或偏移量來肯定的。元素的位置是相對於其餘的元素的，而且，還取決於其位置是靜態的、相對的、固定的仍是絕對的。邊距也會影響到元素的位置。

Element.getBoundingClientRect()方法返回元素的大小及其相對於視口的位置。

rectObject = object.getBoundingClientRect();

返回值是一個 DOMRect 對象，這個對象是由該元素的 getClientRects() 方法返回的一組矩形的集合, 即：是與該元素相關的CSS 邊框集合 。DOMRect 對象包含了一組用於描述邊框的只讀屬性——left、top、right和bottom，單位爲像素。除了 width 和 height 外的屬性都是相對於視口的左上角位置而言的。

PC端:

Mobile端: