码上敲享录 > js常见问题解答 > iframe内容自适应高度并兼容所有浏览器的最有效直接的方法

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

章节目录下一章 2017-08-16已有1097人阅读 评论(0)

在开发的过程中,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下有效
      }
})

本人亲试,效果很好


向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
向大家推荐《ireport实战教程》:https://xiaozhuanlan.com/ireport?rel=6923152725
0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交