Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Iframe使文档高度等于IOS设备(chrome&;safari)上的窗口/视口高度_Javascript_Jquery_Ios_Iframe_Revolution Slider - Fatal编程技术网

Javascript Iframe使文档高度等于IOS设备(chrome&;safari)上的窗口/视口高度

Javascript Iframe使文档高度等于IOS设备(chrome&;safari)上的窗口/视口高度,javascript,jquery,ios,iframe,revolution-slider,Javascript,Jquery,Ios,Iframe,Revolution Slider,我正在尝试嵌入一个我无法控制的网站 标题中提到的问题是,我在iframe中面临无限滚动。如果我试图打开原来的网站,它的工作。有人知道为什么会这样吗 检查此站点以查看预期结果。 但如果尝试在iframe中加载它,它将无法正确渲染。 代码: 更新: 调试该页面后,我发现有一个奇怪的行为,即文档高度等于窗口/视图端口高度,这就是问题的原因。什么可能导致这样的行为(文档高度==窗口高度),我找不到使用诸如resizeto之类的API或其他东西修改窗口高度的任何代码部分。 注意事项: 加载的网站大小约

我正在尝试嵌入一个我无法控制的网站

标题中提到的问题是,我在iframe中面临无限滚动。如果我试图打开原来的网站,它的工作。有人知道为什么会这样吗

检查此站点以查看预期结果。 但如果尝试在iframe中加载它,它将无法正确渲染。 代码:


更新: 调试该页面后,我发现有一个奇怪的行为,即文档高度等于窗口/视图端口高度,这就是问题的原因。什么可能导致这样的行为(文档高度==窗口高度),我找不到使用诸如resizeto之类的API或其他东西修改窗口高度的任何代码部分。

注意事项:

  • 加载的网站大小约为20MB
  • 它在ANDROID设备上正确打开
  • 对于Iphone来说,如果出现滚动动画,我的网站就会完全崩溃

  • 我遇到了完全相同的问题。一旦我弄明白了,我会发布一个答案。到目前为止,我发现的所有发布的解决方案都不起作用(可能是因为我是CSS的业余爱好者)

    编辑(x-post/repost):

    好的,我找到的答案是,如果为iframe设置scrolling=no,那么bug就会消失。不幸的是,我正在进行的项目需要一个滚动iframe,所以这对我来说是个问题,但我希望这个解决方案能有所帮助

    var iFrame = document.getElementById("iFrame");
    iFrame.scrolling = "no";
    

    是的,我知道滚动解决方案。但这是不可能的。这是革命中的一个错误,他们应该考虑IFRAME场景。我硬编码了一些高度计算来证明这一点。
    var iFrame = document.getElementById("iFrame");
    iFrame.scrolling = "no";