Phonegap和Android溢出问题

时间:2013-10-10 10:03:01

标签: android css cordova overflow

似乎Android webview在溢出div时根本不关心overflow:hidden css属性。我拿了一个很棒的tutorial on GPU transitions with HTML/CSS代码并将其添加到一个简单的phonegap项目(github)。

此代码定义了两个100%宽度的div,其中一个溢出了右侧的屏幕。点击链接会产生GPU加速转换,从而移动div。

尽管有included css,但可以将整个内容拖到一边,从而不情愿地显示正确的div。

有什么想法吗?

由于

PS:我可以确切地说,我尝试了大多数常见的答案来解决问题

2 个答案:

答案 0 :(得分:2)

好的,所以我想出了怎么做,这不是很漂亮,但具有真正有效的优势:

document.addEventListener('touchmove', function(e){ e.preventDefault(); }, false);

答案 1 :(得分:0)

在当前的Chrome版本中,出于性能考虑,不允许取消touchmove / touchstart事件。您可以尝试在body标签上设置touch-action: none;