我试图有一些元素,让我们称它为overlayElement,完全覆盖另一个元素,让我们称其为originalElement。重叠元素是一个iFrame,尽管在这种情况下可能无关紧要。我需要overlayElement完全覆盖originalElement,这意味着它们的大小完全相同,并且无论用户在哪里看到originalElement,现在都可以看到overlayElement。它还需要与originalElement一起精确滚动,以便它自然地与页面融合。

到目前为止,我发现的一个选择是运行一个计时器,每隔几秒钟就会找到originalElement的位置和大小,并将overlayElement的positiong设置为绝对值,并将其与originalElement返回的那些定位向导匹配。

这样做的问题是,我的代码比其需要运行的频率要高得多,因为在大多数情况下,它们的原始元素的位置没有变化。它还可能导致块状更新。

我希望通过HTML5,JavaScript或CSS找到一种方法,该方法将允许overlayElement自动覆盖originalElement,并在originalElement在页面上移动时跟随它。如果这不可能,那么只要页面上元素的位置发生变化,是否都会触发事件?

感谢您的任何建议。

最佳答案

没有办法“自动”做到这一点。您需要阅读元素的位置和尺寸并将这些属性传输到iframe。

在不了解更改布局的代码的情况下,您已经可以做的是最好的。

10-04 15:12