iframe大小调整不起作用/源页面甚至不能滚动

Question

我的问题是，我想要这个页面-*在这个页面http://www中使用动态高度的iframe。*/。

第一页是一些eshop系统，它支持你自己的javascript。第二个是在Joomla上运行的页面，我有FTP和管理访问该页面。

问题是，当我尝试iframe-resizer时，什么也没有发生。我通过javascript包含了iframeResizer.contentWindow.min.js

document.getElementById("myxcomponent1").innerHTML = "<script type='text/javascript' src='http://*****/iframe-resizer/js/iframeResizer.contentWindow.min.js'></script>";

放入源页面，将第二个文件放入主页面的html中。

问题可能在第一页，因为它甚至不能在这里滚动

<iframe src="http://*****/"></iframe>

iframe {
    overflow: scroll;
    width: 1349px;
    height: 100%;
    border: 1px solid black;
}

http://jsfiddle.net/JmwTf/96/

你知道问题出在哪里吗？谢谢你的帮助。

更新:问题已解决，感谢帮助:)

Answer 1

这是一切都好，您的问题在父高度，所以如果在您的jsfiddle中，您将添加：

body{
    height:100%;    
}
html{
    height:100%;
}

它会工作，但在你自己的代码在你的网站上，检查所有父母的这个iframe，如果他们的高度为100%。

Answer 2

我认为问题是在页面就绪事件触发之后在iFrame中加载JS，因此当宿主页面调用子JS时，子JS还没有准备好等待调用。