隐藏的 IFrame 禁用 Android 浏览器上的滚动答案

【问题标题】：Hidden IFrame disables scrolling on Android browser隐藏的 IFrame 禁用 Android 浏览器上的滚动
【发布时间】：2012-06-07 01:27:12
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

我昨天在我正在从事的项目中遇到了同样的问题，今天刚刚找到了解决办法。

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

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

这样，它就像一种 display:none，但不会导致与 display none 提供的相同的问题。

【讨论】：

【解决方案2】：

这可能是特定于设备或制造商的错误 - 它在我运行姜饼的摩托罗拉 atrix 上运行良好。如果找到修复程序真的很重要，我建议联系三星。

【讨论】：