iframe内容自适应高度并兼容所有浏览器的最有效直接的方法

在开发的过程中,iframe标签给定固定的高度的时候,会发生滚动条或者超出高度的部分被隐藏,所以往往不满足我们开发需求,那么如何才能让iframe内容自适应高度呢,方案如下:

在iframe内部的页面中加以下代码

$(function(){
//行内框架自适应高度
try{
var iframe = parent.document.getElementById('iframe');//获取当前的irame元素
iframe.style.height=document.getElementById("allBody").scrollHeight; //allBody指的是iframe内部页面的body标签的id
   }catch(e){
    document.getElementById("allBody").style.overflow='auto';//在ie下有效
       } 
})

本人亲试,效果很好

详情地址:http://yayihouse.com/yayishuwu/chapter/953


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值