嵌入一​​个内部无滚动的iframe，使其了解设备的实际视口

问题描述

我有2个域，分别是A和B。我想使用A内部的iframe显示来自B的页面。我想做的就是让iframe的高度等于其内容的高度，从而使B实际托管A中的页面。

有几种方法可以实现此目的。最简单的一种是使用PostMessage API并在两者之间进行通信。还有一些软件包可以帮助您解决此问题。

但是，问题在于，现在iframe的高度等于内容的高度，该高度比实际设备的视口高度高得多。这样一来，固定的叠加层/模态就会遍及整个iframe，这会使每个延迟加载的图像立即加载，因为A页面认为其视口非常大，并且一切都在那里，还有更多问题。

我想知道是否有什么方法可以使iframe的高度等于其内容高度（因此，宿主框架-B将是可滚动的，但iframe本身不能滚动），而且还可以使iframe的视口等于用户的实际设备视口，而不是整个iframe的高度。

也许有另一种解决方案可以实现我不知道的将一页无缝嵌入另一页的功能？至关重要的是，我同时拥有A和B域，并且可以进行任何必要的更改。

谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）