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

Detect DOM element position change using pure Javascript

本文关键字：元素位置变化 DOM 检测 Javascript 更新时间：2023-09-26

我想通知当DOM元素的位置发生变化。我在文档中有一个图像，它的绝对位置位于元素的顶部，但是当元素顶部的大小发生变化时，元素的位置会发生变化(它会下降)，而图像的位置不会改变。如果我能检测到元素的位置变化，我就能重新定位图像。有办法吗?

我有一个绝对位置的图像在文档中的一个元素的顶部，但是当例如我的元素顶部的东西的大小改变时，我的元素的位置改变(它下降)，而图像的位置不改变。

不确定这是否需要JavaScript -或者如果相反，你可能只需要扩大你的知识如何绝对定位工作一点…?

具有position:absolute的元素的位置相对于它最近的祖先元素的位置，而不是默认的static -如果没有这样的祖先存在，它的位置相对于视口

我认为后者是你的问题的情况-所以如果你想要你的图像定位在按照它的祖先元素的位置之一，只是试着给祖先position:relative。