iframe - 调整 iframe 大小以适应其内容

Question

可能重复：
根据内容调整 iframe 的大小

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

<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 中，它太简单了。有点哈克..

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

给你！

干杯! :)