iframe高度自适应

<style>
#iframepage {
    min-height: 1000px;
}
</style>
<iframe src="订单列表.html" id="iframepage" name="rightFrame" frameBorder=0 scrolling="no" width="100%" ></iframe>
<script>
// iframe自适应高度
    function setIframeHeight(iframe) {
        if (iframe) {
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            if (iframeWin.document.body) {
                iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
            }
        }
    };
    window.onload = function() {
        setIframeHeight(document.getElementById('iframepage'));
    };
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验...
    web_afei阅读 4,071评论 0 1
  • 解决iframe高度自适应的问题 最近做某项目,要用到iframe实现类似tab切换的功能,遇到高度不能自适应的问...
    睡在下铺的丑哔阅读 4,657评论 0 0
  • 如果用到iframe引入公共部分,相信肯定有人遇到了这个问题。 当iframe高度自适应时,会出现底部有3像素的空...
    luuuuuuuuuuuuu阅读 1,690评论 0 1
  • 1. 同域iframe高度自适应 2. 跨域iframe高度自适应
    codeice阅读 2,615评论 0 2
  • 大安高宗年间,秦凤路湟州奉安县。 虽然只是初冬时节,但大雪已经下过了三场。此时正是雪后初晴,最冷的时节。若在别处,...
    长歌向天阅读 2,241评论 0 0