问题:
当我们使用Iframe,以期达到划分页面框架的目的的时候,有些Iframe,希望能根据其所内嵌叶面的内容高度而自适应。
这时候,定义Iframe为固定高度,或者为*,或者为100%,都不能达到效果。
以下为其解决方案:
在iframe的onload处理中,设定iframe的高度为内嵌叶面的body.scrollHeight。
例如:
1<iframe id="Iframe1" name="content" src="Content.aspx" width="730" scrolling="no"
2 onload="this.height=content.document.body.scrollHeight" frameborder="0"></iframe>
3
2 onload="this.height=content.document.body.scrollHeight" frameborder="0"></iframe>
3
scrollHeight 是内部元素的绝对高度,包含内部元素的隐藏的部分。
经验证,为一很不错的解决方案。
同理,自适应宽度也可类似处理。(scrollWidth 即可)