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