javascript從父元素的左上角獲取子元素的距離

Question

有沒有辦法從給定的父元素獲取ChildElement的偏移量？

例如，如果一個DIV包含在ID為“ xyz”的父DIV中

有沒有辦法說

parent = $("xyz");
child = $("abc");

child.offset(parent);

謝謝

Answer 1

一個方便的方法是Element.getPositionedOffset() ，但僅當父元素具有position樣式屬性時才可以。

var offset = $('abc').positionedOffset();
offset.left;
offset.top;

否則需要更多工作：

var parent = $('xyz',
    child = $('abc'),
    offset = child.viewportOffset().relativeTo(parent.viewportOffset());

這里的優點是兩個元素不必直接相關，頁面上的任何一對元素都可以。