调整iframe大小以适应其内容

Question

  

可能重复：
  Resizing an iframe based on content

我有一个iframe，其中src是一个HTML文件，这个iframe放在usercontrol中：

<iframe frameborder="0" src="CName.htm" align="left" width="730" height="1100" ></iframe>

我需要根据内容调整iframe大小，以便根据HTML文件的高度设置高度，我不需要使用滚动属性。 你有什么想法吗？

Answer 1

我使用了以下jQuery代码来执行此操作：

$('#iframe_id').load(function () {
    $(this).height($(this).contents().height());
    $(this).width($(this).contents().width());
});

如果iframe内容是跨域的，我认为这不会起作用。

Answer 2

您可以计算出框架内部内容的高度和宽度，然后调用框架所有者的函数来设置iframe元素的高度和宽度。

Answer 3

有办法！它在jquery中太简单了。有点hacky ..

$('iframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"});
setInterval( "$('iframe').height($('iframe').contents().find('body').height() + 20)", 1 );

你去吧！

干杯！ ：）