The parent page iframe height automatically adapts to the child page iframe height_html/css_WEB-ITnose

//iframe adaptive height
function getHeight(id, name) {
document.documentElement.scrollTop = 0;
var ifm = document.getElementById(id);
var subWeb = document.frames ? document.frames[name].document :


ifm.contentDocument;


if (ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;


}
initParentHeight(); //This is to reinitialize the height of the iframe of the parent page
}
function initParentHeight( ) //Initialize the height of the iframe of the parent page
{
var div = window.parent.document.getElementById('mainFrame');
div.style.height=window.document.body.scrollHeight| |window.document.body.offsetHeight 5;

}