使用纯javascript检测DOM元素位置更改

Question

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

Answer 1

  

我在一个元素顶部的文档中有一个绝对位置的图像，但是当我的元素顶部的某些东西的大小发生变化时，我的元素的位置会发生变化（它会变低）而图像位置不会变化变化

不确定这根本不需要JavaScript - 或者你是否只需要拓宽你对绝对定位如何运作的了解......？

具有position:absolute的元素位于其最近的祖先元素上，其位置不是默认的static - 如果不存在这样的祖先，则它将对着视口定位。

我认为后者就是你的问题所在 - 所以如果你想让你的图像按照其祖先元素的位置定位，只需尝试给予祖先position:relative。