iframe 子页面高度自适应问题

iframe 子页面自适应问题，网上找了很多，都是只可以高度变大，不可以变小，造成高度比较大的页面切换高度比较小的页面的时候出现空白（滚动条在最下面），效果不太好

下面是我总结的一下，可以变大，也可以变小

iframe页面JS

function reinitIframe() {
var iframe = document.getElementById("content");
try {
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.min(bHeight, dHeight);
iframe.height = height;

} catch (ex) { }

}
window.setInterval("reinitIframe()", 20);

 

HTML代码

<iframe id="content" src="/Home/Index" style="width:100%;" scrolling="no" frameborder =0></iframe>