2023-06-27

Javascript 获取元素相对位置

相对父元素的位置

获取一个元素相对于父元素的位置(Offset):

1
2
3
4
$0.offsetTop
$0.offsetLeft
// $0.offsetBottom 不存在
// $0.offsetRight  不存在

“父元素”可以通过 $0.offsetParent 确认。

相对任意一个元素的位置

要获取一个元素相对另一个元素的位置,可以使用 getBoundingClientRect 函数:

1
2
3
4
5
6
function offset(e1, e2) {
    return {
        "top": e1.getBoundingClientRect().top - e2.getBoundingClientRect().top,
        "left": e1.getBoundingClientRect().left - e2.getBoundingClientRect().left,
    };
}

相对窗口的位置

Enter any child page of Series.