想问下关于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);
});