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

站长手记 作者: 2024-08-27 15:55:01
iframe标签给定固定的高度的时候,会发生滚动条或者超出高度的部分被隐藏,所以往往不满足我们开发需求,那么如何才能让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://www.jiecseo.com/news/show_69628.html
iframe标签 自适应高度