1. 程式人生 > >getBoundingClientRect() 屬性獲取當前螢幕距離 `上下左右` 的座標值

getBoundingClientRect() 屬性獲取當前螢幕距離 `上下左右` 的座標值

可以獲取指定dom元素當前離螢幕指定方位的距離

<div id="div">我的座標</div>

document.getElementById('div').getBoundingClientRect().top // 獲取當前元素距離螢幕頂部的座標值

document.getElementById('div').getBoundingClientRect().left // 獲取當前元素距離螢幕最左邊的座標值

還有 getBoundingClientRect().right getBoundingClientRect().bottom

獲取右邊和下邊的距離 按需來