javascript - 获取div相对于窗口的绝对位置

Question

This question与我想要的非常相似，但我认为我的情况不同，值得提出一个新问题。

我有几个完全位于父 div 内部的 div (position: relative)。我想获得子 div 相对于窗口的位置。 jquery offset() 方法似乎不起作用，因为它给了我从父 div 的偏移量。有没有办法获取在相对位置 div 内具有绝对位置的 div 的绝对位置？

示例 html:

<div id="parent" style="position:relative;">
  <div id="child1" style="position:absolute; top:10px; left 8px;">Child 1</div>
  <div id="child2" style="position:absolute; top:20px; left 8px;">Child 2</div>
</div>

Answer 1

还有 .position() 函数，但是(尽管它们一直让我感到困惑)我的理解与您所写的相反:.offset() 是相对于文档原点的，而 .position() 是相对于“offset parent”的。

我认为是“偏移父”一词包含“偏移”一词让我感到困惑。