日期:2014-05-17  浏览次数:20596 次

想问下关于iframe自动适应高度的问题 [问题点数:30分]
主页用了三个iframe,分别是 a  b  c三个页面,点击a页面上的导航就把b页面替换掉,问题就来了,把b页面替换成d页面之后,因为b页面和d页面的高宽不一样,d页面加载进来后,高比b小好多,就出现了d页面和c页面直接有一大片的空隙.

有没有办法就是在加载d页面的同时,获取d页面的高度,然后设置iframe的高度? 
iframe

------解决方案--------------------
可以设置
jQuery(parent.document).find("#iframeID").height(jQuery(document).height());
------解决方案--------------------
自适应高度:

<iframe id="mainContent" name="mainContent" src="Welcome.aspx" frameborder="0" scrolling="no" onload="this.height=mainContent.document.body.scrollHeight"></iframe>
------解决方案--------------------
$("#contentFrame").load(function() {
                var thisheight = $(this).contents().find("body").height() + 30;
                $(this).height(thisheight < 500 ? 500 : thisheight);
            });