<div id="support_content" style='overflow:hidden;'>
<iframe scrolling="no" id='sup_ctx_iframe' name='sup_ctx_iframe' marginwidth='0' style='overflow:hidden;' marginheight='0' width='100%' frameborder='no' border='0' src='' onload="setIframeHeight();"></iframe>
</div>
function setIframeHeight() {
var iframe = document.getElementById('sup_ctx_iframe');
// 获取子页面的高度
var height = window.frames["sup_ctx_iframe"].document.getElementsByTagName("body")[0].clientHeight;
if(iframe)
{
if (undefined != iframe.ownerDocument
&& undefined != iframe.ownerDocument.body.offsetHeight) {
iframe.height = height;
}
}
}
这样每当iframe加载的时候会调用该js方法,从而实现iframe高度自适应不出现滚动条。
当然如果这个iframe是被嵌入一个div里面的,那么这个div的样式需要设置一下:
.content{
height:auto !important;
height: 500px;
min-height: 500px;
}
分享到:
相关推荐
iframe包含的页面的高度,兼容性好,iframe高度自适应
iframe高度自适应代码及演示页面。 适合新手,用到iframe,并且需要高度自适应的人士。 老手自动绕行,又没什么技术含量。。。 解压之后,打开iframe-auto.html之后查看效果. 如果不能查看,检查是否允许执行js
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板
jsp页面iframe高度自适应的js代码.docx
Iframe 高度自适应,js控制Iframe 高度自适应.docx
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
iframe高度自适应.pdf
iframe根据引用的页面内容自适应高度和宽度,直接查看例子,简单易操作
根据iframe内容高度自适应。不能确保所有的地方都能通用,但是大部分地方都能适用。
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
完美解决跨域iframe的高度自适应,完美解决跨子域iframe的高度自适应,嵌入几个页面解决跨域iframe的高度自适应。。。
iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度
iframe自适应高度和宽度
NULL 博文链接:https://jxdwuao.iteye.com/blog/1243362
纯JS实现的iframe自适应高度。兼容主流浏览器。
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
文件为iframe高度自适应的代码demo,能够兼容常用浏览器,项目开发当中我常拿来用
iframe高度自适应,多浏览器兼容 已测试过在ie6,7,8,firefox8,chrom15中通过
解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题