iframe内容高度。使用父页面滚动iframe内容

Question

我正在尝试将动态图库添加到我正在处理的网站，但我仅限于HTML和CSS。因此，我在自己的服务器上创建了一个单独的页面，其中包含所需的php文件以创建库，并使用Iframe将库页面加载到站点。

问题是现在有两个单独的滚动条。一个用于滚动iframe中的内容，另一个用于父页面。这使得页面上的滚动非常混乱。有什么办法可以让我摆脱iframe的滚动条，并能够从父页面滚动iframe中的内容。无论如何，我可以让Iframe表现得像一个div？我认为最好的方法是设置iframe的高度，以便iframe的高度会改变以适应其中的内容。这样我认为iframe上不需要滚动条。

以下是我尝试使用iframe http://lejund.com/plugin/# *

加载的图库页面

我愿意接受你的所有建议。除了Iframe之外，还有更好的方法来实现这一目标吗？

谢谢

Answer 1

我在davidjbradshaw的github上找到了这个解决方案。 https://github.com/davidjbradshaw/iframe-resizer

它使用window.postmessage来实现这一目标。