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

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>

最佳答案 也有.position()函数,但是(虽然它们永远让我感到困惑)我的理解是从你所写的内容开始的:.offset()是相对于文档原点的,而.position()是相对于“抵消的父母”.

我认为事实上,“偏移父母”一词包含让我困惑的“偏移”一词.

点赞