调整 iframe 大小以适合其内容

发布于 2024-07-16 07:33:13 字数 446 浏览 2 评论 0原文

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

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

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

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

原文

Possible Duplicate:
Resizing an iframe based on content

I have an iframe where the src is an HTML file and this iframe is put inside usercontrol:

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

I need the iframe to resize according to the content so that it's height is set according to the hieght of the HTML file and I don't need to use scrolling attribute.
Do you have any idea?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦亿 2024-07-23 07:33:13

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

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

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

I've used the following jQuery code to do this:

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

I don't think this will work if the iframe contents are cross-domain, though.

回复收藏 0 原文

旧时模样 2024-07-23 07:33:13

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

回复收藏 0 原文

清风不识月 2024-07-23 07:33:13

有一种方法！它是 jquery 的，而且太简单了。有点 hacky..

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

就这样吧！

干杯! :)

There is a way! Its in jquery and its too simple. Kinda hacky..

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

There you go!

Cheers! :)

回复收藏 0 原文

~没有更多了~