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

Iframe content height. scrolling iframe content with parent page

本文关键字：滚动 iframe 内容高度更新时间：2023-09-26

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

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

这是我尝试使用 Iframe 加载的图库页面 http://lejund.com/plugin/#*

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

谢谢

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

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