javascript - 使用纯 Javascript 检测 DOM 元素位置变化

Question

我想在 DOM 元素的位置发生变化时通知。我在元素顶部的文档中有一个绝对位置的图像，但是当例如我的元素顶部的某些东西的大小发生变化时，我的元素的位置会发生变化（它下降）并且图像位置不会改变。如果我可以检测到元素的位置变化，我可以重新定位图像。有什么办法吗？

Answer 1

我在元素顶部的文档中有一个绝对位置的图像，但是当例如我的元素顶部的某些东西的大小发生变化时，我的元素的位置会发生变化（它下降）并且图像位置不会改变。

不确定这是否需要 JavaScript——或者您可能只需要扩展您对绝对定位如何工作的知识……？

一个元素position:absolute被定位在它最近的祖先元素的位置而不是默认位置static- 如果不存在这样的祖先元素，它就会被定位在视口上。

我认为后者是您的问题的情况 - 因此，如果您希望图像根据其祖先元素的位置之一定位，只需尝试给出该​​祖先position:relative。