iframe调整器不起作用/源页面甚至无法滚动

iframe resizer doesn't work / source page doesn't even scroll

本文关键字:滚动 调整器 不起作用 iframe      更新时间:2023-09-26

我的问题是,我希望这个页面 - ***** 作为此页面中具有动态高度的 iframe:http://www.*****/。

第一页是一些支持包括您自己的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/

知道问题出在哪里吗?感谢您的任何帮助。

更新:问题已解决,感谢您的帮助:)

一切都没关系,您在父高度中的问题,所以如果在您的 jsfiddle 中您将添加:

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

它会起作用,但是在你网站中你自己的代码中,检查你所有的父母是否有这个iframe,如果他们的身高是100%。

我希望问题是您在触发页面就绪事件后在 iFrame 中加载 JS,因此当主机页面调用子页面时,子 JS 还没有准备好等待被调用。