-
iframe高度自适应
普通类 -
- 支持
- 批判
- 提问
- 解释
- 补充
- 删除
-
-
要解决的问题:
在使用frame框架的时候,开始时对其中的iframe设定一个高度,如果里面内容的高度超过开始设定的高度,右侧便会出现滚动条,影响页面美观。现在要解决的是如何使iframe的高度随着其中内容的高度的变化而变化。
-
解决此问题思路:
当iframe的内容加载完成的时候便去获取其中内容的高度,然后把iframe的高度属性设为这个值。
-
如何调用已经写好的方法:
从网上搜集相应的资料后,我自己整理了一个iframe高度自适应的解决方案,大家用到时可直接调用。
1)js函数放在‘/script/iframe_height_auto_adapt.js’中。页面开始引入:
<script type='text/javascript' src='/script/iframe_height_auto_adapt.js'></script>
2)在iframe标签中加入:onload="Javascript:SetCwinHeight('该iframe的Id','此iframe的最小高度')"。例如
onload="Javascript:SetCwinHeight('contentifr','550')"
上面的contentifr表示这个iframe的id,550表示如果该iframe中的内容的高度<550px,则该iframe的高度为550px;若该iframe中的内容的高度>550px,则iframe的高度为其中内容的高度。
-
-
- 标签:
- 自适应
- 学习元
- iframe
- 高度
- 内容
- script
- javascript
-
学习元评论 (0条)
聪明如你,不妨在这 发表你的看法与心得 ~