javascript从父元素的左上角获取子元素的距离

Question

有没有办法从给定的父元素中获取ChildElement的偏移量？

例如，如果DIV in包含在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());

这里的优点是两个元素不需要直接相关，页面上任何一对元素都可以做到。