有一个元素完全覆盖另一个

Question

我想要一些元素，让我们称之为overlayElement，完全覆盖另一个元素，让我们称之为originalElement。 Overlay元素是一个iFrame，尽管在这种情况下可能无关紧要。我需要让overlayElement完全覆盖originalElement，这意味着它们的大小完全相同，并且在用户看到originalElement的任何地方，他们现在都会看到overlayElement。它还需要与originalElement完全滚动，以便它自然地与页面混合。

我到目前为止找到的一个选项是运行一个计时器，每隔几秒就找到originalElement的位置和大小，并将overlayElement的positiong设置为绝对，并将它与originalElement返回的定位指南相匹配

这就存在一个问题，即我的代码运行的频率要高得多，因为大多数时候它们的原始元素的定位没有变化。它也可能导致块状更新。

我希望通过HTML5，javascript或CSS找到一种方法，允许overlayElement自动覆盖originalElement，并在原始元素在页面上移动时跟随它。如果这是不可能的，那么每当页面上元素的位置发生变化时都会触发事件？

感谢您的任何建议。

Answer 1

无法“自动”执行此操作。您需要阅读元素的位置和尺寸，并将这些属性传输到iframe。

如果不加入改变布局的代码，你所做的就是你能做的最好的事情。