如何确定元素相对于（grand ^ N）parent的位置

Question

我有元素A和B。B可以是A的直接子元素，或者它们之间可以有0到N个元素。

我需要知道B相对于A的定位，或更具体地说：B的左上角距每个A：s边界有多远。

请注意，A可以有一些父对象，并且可能有overflow：auto设置。

如果没有更好的方法，则可以访问B和A之间的每个父级。

我还可以迭代A：s的父母对<body>的权利。

编辑：例如：

<div class="a">
    <div>
      foobar
      <div class="b">
      </div>
    </div>
</div>

var a = $(".a");
var b = $(".b");

var bTopLeftDistanceToATopBound = ?;
var bTopLeftDistanceToABottomBound = ?;
var bTopLeftDistanceToARightBound = ?;
var bTopLeftDistanceToALeftBound = ?;

Answer 1

这达到了目的：

return {
    top: b.offset().top-a.offset().top,
    bottom: a.height()-
        (b.offset().top-a.offset().top),
    left: b.offset().left-a.offset().left,
    right: a.width()-
        (b.offset().left-a.offset().left)
}

如何确定元素相对于（grand ^ N）parent的位置

问题描述

1 个解决方案

解决方案1
0 2015-07-22 11:26:09

如何确定元素相对于（grand ^ N）parent的位置

问题描述

1 个解决方案

解决方案1 0 2015-07-22 11:26:09

解决方案1
0 2015-07-22 11:26:09