可能重复:
Resizing an iframe based on content
我正在加载一个iFrame,并希望父级根据iFrame内容的高度自动更改高度。
简单地说,所有页面都属于同一个域,所以我不应该遇到跨站点脚本问题。
发布于 2008-10-29 15:06:32
对于任何其他元素,我将使用DOM对象的scrollHeight
并相应地设置高度。我不知道这是否适用于iframe (因为它们对所有东西都有点古怪),但它肯定值得一试。
编辑:在环顾四周后,流行的共识是使用offsetHeight
在iframe中设置高度
function setHeight() {
parent.document.getElementById('the-iframe-id').style.height = document['body'].offsetHeight + 'px';
}
并将其附加到iframe-body的onLoad
事件中运行。
发布于 2011-09-13 20:47:35
发布于 2010-06-03 23:28:29
我碰巧遇到你的问题,我有一个解决方案。但它是在jquery中。这太简单了。
$('iframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"});
setInterval( "$('iframe').height($('iframe').contents().find('body').height() + 20)", 1 );
就是这样!
干杯!:)
编辑:如果你有一个基于iframe方法而不是div方法的富文本编辑器,并希望它展开每一个新行,那么这段代码就可以完成所需的工作。
https://stackoverflow.com/questions/247128
复制相似问题