android - 隐藏的 IFrame 禁止在 Android 浏览器上滚动

Question

当文档包含隐藏的 IFrame 时，默认的 Android Gingerbread 浏览器似乎会禁用文档的滚动。在三星 Galaxy S 上测试。

在这里测试:http://fiddle.jshell.net/2jSAb/show/

fiddle 在这里:http://jsfiddle.net/2jSAb/

这只发生在隐藏的 IFrame 上。证明:当 IFrame 可见时，错误不会发生:http://fiddle.jshell.net/beczR/show/

在 ICS 设备上似乎已解决。有已知的修复方法吗？我没有在谷歌上找到任何东西。

Answer 1

我昨天在我正在处理的项目中遇到了同样的问题，今天才找到修复。

我想到的解决方案是让 iframe 的包含 div 的高度为 0 而不是 display: none。我有包含 iframe 的 div 具有以下样式:

.video {
height: 0px;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
}

这样它就相当于一种 display:none，但不会引起与 display none 提供的相同的问题。