有一個元素完全覆蓋另一個

Question

我想要一些元素，讓它調用overlayElement，完全覆蓋另一個元素，讓我們稱之爲originalElement。 Overlay元素是一個iFrame，雖然在這種情況下可能無關緊要。我需要overlayElement完全覆蓋originalElement，這意味着它們的尺寸完全相同，並且在用戶看到originalElement的任何地方，他們現在都可以看到overlayElement。它還需要使用originalElement精確滾動，以便它自然與頁面融合。

到目前爲止，我發現的一個選項是讓計時器運行，每隔幾秒鐘查找originalElement的位置和大小，並將overlayElement的positiong設置爲絕對值，並將其與匹配返回的定位指南originalElement。

這有問題，我的代碼運行得更頻繁，然後它需要，因爲大部分時間他們沒有改變originalElement的定位。它也可能導致塊狀更新。

我更喜歡通過HTML5，JavaScript或CSS來找到一種方法，它可以讓overlayElement自動覆蓋originalElement，並隨着originalElement在頁面上移動而遵循它。如果這是不可能的，當頁面上元素的位置發生變化時，會觸發事件嗎？

感謝您的任何建議。

Answer 1

沒有辦法「自動」做到這一點。您需要閱讀元素的位置和尺寸並將這些屬性傳輸到您的iframe。

沒有掛鉤改變佈局的代碼，你現在正在做的是你能做的最好的事情。