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

时间:2012-06-06 14:30:25

标签: android html

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

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

小提琴在这里:http://jsfiddle.net/2jSAb/

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

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

2 个答案:

答案 0 :(得分:2)

昨天我和我正在研究的项目经历了同样的问题,现在就找到了解决方案。

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

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

这种方式它可以作为一种显示:none,但不会导致与display none提供的问题相同的问题。

答案 1 :(得分:1)

这可能是设备或制造商特定的错误 - 它在运行姜饼的motorola atrix上运行良好。我建议联系三星,如果找到解决办法真的很重要。

相关问题