计算网页的动态高度的iframe

<body><iframe name="sample" src="first.html" width="100%" height="100%" frameborder="0" id="sample" /></body>

first.html代码...

<body> 
<div style="width:100%; height: 1900px; background: yellow;"></div> 
<br> 
<a href="second.html">second</a> 
</body>

second.html代码

<body><div style="width:100%; height: 1100px; background: blue;"></div> 
<br> 
<a href="first.html">first</a></body>

现在我想要的是使索引页呈现整个first.html和second.html全高。不知怎的，iframe的高度必须调整到它所持有的网页的相应高度。如何做到这一点？

处理iframe尺寸可能有点痛苦。这不完全是一个答案，但希望它会指出你在正确的方向。

你是iframe的作者（或者你有权访问作者）吗？如果是这样的解决方案，如this应该工作。

我也给this图书馆（或其58叉之一）寻找一些灵感。根据我的经验，post-message API在使用iFrames时非常有用，它是上面的库的基础。

希望有帮助！

2014-10-28 08:14:29 Doug

提供的解决方案不工作..它正在取得高度155px ... iframe调整器实施是非常混乱...... :( – 2014-10-28 09:02:32

尝试创建您自己的调整大小事件，只需使用resizer实现作为指导。 t解决你正在试图解决的问题 – Doug 2014-10-28 09:28:06

如果你仍然遇到麻烦，可以在iFrame上张贴一个小提琴，我们都可以看看它。 – Doug 2014-10-28 09:30:15

回答