iframe框架自适应高度

最新推荐文章于 2018-07-06 12:25:06 发布

转载最新推荐文章于 2018-07-06 12:25:06 发布 · 321 阅读

收录于

THINKPHP

当前文章被收录于：

THINKPHP

21 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍了如何通过JavaScript实现iframe页面的动态加载，并确保页面在不同设备上保持良好的视觉效果，通过监听子页面滚动事件来调整父页面的高度，确保内容完整可见。

<iframe src="{:U('Index/pinfo')}" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="765" height=100% id="iframepage" name="iframepage" onLoad="iFrameHeight()" ></iframe>
<script type="text/javascript" language="javascript">
    function iFrameHeight() {
        var ifm= document.getElementById("iframepage");
        var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
        if(ifm != null && subWeb != null) {
        ifm.height = subWeb.body.scrollHeight;
        }
    }
</script>