//在iframe onlad时执行下面的代码 id="myFileTableIframe"
function IframeAutoHeightAndWidth(){
var iframe=document.getElementById("myFileTableIframe");
if (iframe) {
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if(isNull(id)){
//延迟一秒
setTimeout(function(){
if (iframeWin.document.body) {
var height=iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
var width=iframeWin.document.documentElement.scrollWidth || iframeWin.document.body.scrollWidth;
document.getElementById("myFileTableIframe").style.height=height+"px";
document.getElementById("myFileTableIframe").style.width=width+"px";
}
},1000);
}else{
var height=iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
var width=iframeWin.document.documentElement.scrollWidth || iframeWin.document.body.scrollWidth;
document.getElementById("myFileTableIframe").style.height=height+"px";
document.getElementById("myFileTableIframe").style.width=width+"px";
}
}
}
---------2021-3-18日更新-----------------------------------------------------------------------------
上述解决方案是为了实现iframe里面不滚动,父级界面计算出iframe的高度,让父级界面滚动。
请看下图,也就是说让红色条不滚动,绿色条滚动。但是为了固定B不滚动,我们不用再计算C的高度,直接让C自己滚动就行了。