• 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条)

    评论为空
    聪明如你,不妨在这 发表你的看法与心得 ~



    登录之后可以发表学习元评论
      
暂无内容~~
顶部