javascript - 可以绕过最近定位的祖先吗？

Question

“绝对定位的元素是相对于最近定位的祖先定位的。” - MDN: position - CSS

当父级被定义为 position:relative; 时，我理解了这一点，但我没有意识到 position:absolute 在技术上符合“定位的祖先”。

这是一个示例:http://jsfiddle.net/MSzZG/如果文本“在顶部”可以将 top 属性应用于窗口而不是包含 div ，那就太好了，但我不知道是否有可能绕过。

<div>
 <div>Content
 </div>
</div>
<div style="position:absolute;">
 <div style="position:absolute;top:0px;">At top
 </div>
</div>

有什么方法可以绕过先前定位的绝对元素(不使用 fixed)？ JavaScript 解决方案是可以接受的。

Answer 1

您必须计算其自然位置与所需位置之间的差异，才能将其绝对放置在窗口中。

如果您使用的是 jQuery，您可以让它通过 .offset(coordinates) 为您计算。功能。