可能重复:
根据内容调整iframe大小
我有一个iframe,其中src是一个HTML文件,并且此iframe放置在用户控件中:
<iframe frameborder="0" src="CName.htm" align="left" width="730" height="1100" ></iframe>
我需要iframe根据内容自动调整大小,使其高度根据HTML文件的高度设置,而不需要使用滚动属性。你有什么想法吗?
可能重复:
根据内容调整iframe大小
我有一个iframe,其中src是一个HTML文件,并且此iframe放置在用户控件中:
<iframe frameborder="0" src="CName.htm" align="left" width="730" height="1100" ></iframe>
我需要iframe根据内容自动调整大小,使其高度根据HTML文件的高度设置,而不需要使用滚动属性。你有什么想法吗?
$('#iframe_id').load(function () {
$(this).height($(this).contents().height());
$(this).width($(this).contents().width());
});
我认为如果iframe的内容跨域,这种方法可能不起作用。
有一种方法!它使用jQuery,而且非常简单。有点hacky的感觉。
$('iframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"});
setInterval( "$('iframe').height($('iframe').contents().find('body').height() + 20)", 1 );
就是这样!
干杯!:)
+20
是什么意思? - ᴍᴀᴛᴛ ʙᴀᴋᴇʀ