iframe自适应高度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe自适应高度相关的知识,希望对你有一定的参考价值。

/**
* iframe自适应高度,height为手动设置的最小高度
*/
function initIframeHeight(height){
var userAgent = navigator.userAgent;
var iframe = parent.document.getElementById("contentIframe");
var subdoc = iframe.contentDocument || iframe.contentWindow.document;
var subbody = subdoc.body;
var realHeight;
//谷歌浏览器特殊处理
if(userAgent.indexOf("Chrome") > -1){
realHeight = subdoc.documentElement.scrollHeight;
}
else{
realHeight = subbody.scrollHeight;
}
if(realHeight < height){
$(iframe).height(height);
}
else{
$(iframe).height(realHeight);
}
}

以上是关于iframe自适应高度的主要内容,如果未能解决你的问题,请参考以下文章

vue下iframe怎么自适应高度

怎么让iframe自适应浏览器的高度和宽度

layui的后台布局怎么让iframe的高度自适应

总结iframe高度自适应,自适应子页面高度

iframe自适应高度

iframe 高度设置iframe 自适应高度方法总结