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>