使用純javascript檢測DOM元素位置變化

Question

我想通知何時DOM元素的位置發生變化。我在元素頂部的文檔中有一個絕對位置的圖像，但例如當元素頂部的東西大小發生變化時，我的元素位置發生變化（下降），圖像位置不變。如果我可以檢測元素的位置變化，我可以重新定位圖像。有什麼辦法嗎？

Answer 1

我有一個圖像的絕對位置在文檔中的元素頂部，但例如當我的元素頂部的東西的大小改變時，我的元素的位置改變（它下降）和圖像位置不會改變。

不確定這是否需要JavaScript - 或者您可能只需要擴展您對絕對定位如何工作的知識......？

具有position:absolute的元素被放置在最靠近的祖先元素上，其位置不是默認的static - 如果不存在這樣的祖先，它將被放置在視口中。

我認爲後者是你的問題 - 所以如果你想要你的圖像根據其祖先元素的位置之一定位，只要嘗試給那個祖先position:relative。