现在的位置: 首页 > 综合 > 正文

Iframe 自适应高度的处理

2012年02月03日 ⁄ 综合 ⁄ 共 434字 ⁄ 字号 评论关闭
问题:

当我们使用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


 scrollHeight 是内部元素的绝对高度,包含内部元素的隐藏的部分。

经验证,为一很不错的解决方案。
同理,自适应宽度也可类似处理。(scrollWidth 即可)

抱歉!评论已关闭.