Question

iframe 自适应高度 360浏览器遇到iframe下带连接页面的情况后，进入连接界面无法自适应高度

代码如下：
<div id="con">
<iframe scrolling="no" width="977" height="100%" style=" padding-top:42px;" src="case_01.html" frameborder="0" id="iframepage" name="iframepage" onLoad="iFrameHeight()" ></iframe>
<div id="leamain">
<iframe src="#" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="765" height=100% id="iframepage" name="iframepage" onLoad="iFrameHeight()" ></iframe>
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document :
ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>
</div>

Answer 1

请通过js实时更改iframe的高度（目的是让iframe的高度自适应）

//iframe高度实时设置
function resetIframe() {
	var iframeH = $(window).height() - 140;//140是header的高度
	$("#leftFrame").height(iframeH)
        $("#rightBox").find('iframe[id^=mainFrame]').height(iframeH);	
}
window.setInterval("resetIframe()", 200);//200ms更新一次高度

追问

请麻烦告诉我一下代码可以吗？我这个也是在网上找的。感谢

追答

代码已经更新上去，请查看~
#leftFrame
#rightBox
分别是左侧和右侧iframe的DIV容器

追问

这段代码，是替换上面的JS还是在后面在加上？你这段代码里面还用调整别的内容吗？

追答

我给你的是思路，你需要修改里面的id名称以及header的高度数值。