1. 程式人生 > >javascript: Element.getBoundingClientRect() 獲取元素在網頁上的座標位置

javascript: Element.getBoundingClientRect() 獲取元素在網頁上的座標位置

來自:https://blog.csdn.net/weixin_42895400/article/details/81811095?utm_source=blogxgwz1

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

相關的屬性:left,top,right,bottom

如果網頁視窗有滾動條,還要加上下面的這一段:

var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
var scrollY = document.documentElement.scrollTop || document.body.scrollTop;