我已经研究了几天了,但我被困住了......我读了这个页面:
根据内容调整 iframe 的大小
和这个页面:
当 iframe 内容的高度发生变化时自动调整 iframe 高度(同一域)
当包含 iframe 的 maine index.html 首次加载时,调整 iframe 的大小似乎相对容易,但是一旦 iframe 更改内容,我就不知道如何重新调整 iframe 的大小。
我的index.html:
<body>
<iframe seamless frameborder="0" name="top" id="top" src="venues.php" width="100%" height="100" /></iframe>
<iframe seamless frameborder="0" name="main" id="main" src="admin.php" width="100%" height="2000" /></iframe>
当venues.php加载时,它是100px(这很好),但是当有人点击venues.php页面内的(内部,相同域)链接时,我需要调整“顶部”框架的高度以适应新内容。
我尝试了很多解决方案,我总是只能在第一次加载时调整它的大小,但当有人点击它时却不能调整它的大小。
Thanks
你可以使用mutation observer
事件和postMessage API
,创建和实现可以协商频繁更改的 iframe 尺寸测量的脚本非常困难。我放弃了从头开始编写一些东西并使用了这个小插件:
https://github.com/davidjbradshaw/iframe-resizer
This Plunker演示了在检测时使用此插件mutation observer
调整 iframe 大小时触发事件。
PLUNKER
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)