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

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

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

这有问题，我的代码运行得更频繁，然后它需要，因为大部分时间他们没有改变originalElement的定位。它也可能导致块状更新。

我更喜欢通过HTML5，JavaScript或CSS来找到一种方法，它可以让overlayElement自动覆盖originalElement，并随着originalElement在页面上移动而遵循它。如果这是不可能的，当页面上元素的位置发生变化时，会触发事件吗？

感谢您的任何建议。

来源

2011-03-24 Mathflair

你有没有考虑过使用JQuery框架库？有很多内置的功能可以让这个过程变得非常容易，而不需要大量的开销。 ScrollTo插件可以解决同步滚动的问题[http://plugins.jquery.com/project/ScrollTo]。 – Beofett 2011-03-24 19:40:52

你是否想要隐藏用户的东西？你为什么需要覆盖它？你试过什么了？发布一些代码给我们一个起点。 – RDL 2011-05-09 01:38:27

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

没有挂钩改变布局的代码，你现在正在做的是你能做的最好的事情。

来源

2011-03-24 19:46:26

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

回答

相关问题