javascript - 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 来实现这一点。