Phonegap 和 Android 溢出问题答案

【问题标题】：Phonegap and Android overflow issuePhonegap 和 Android 溢出问题
【发布时间】：2013-10-10 10:03:01
【问题描述】：

当 div 溢出时，Android webview 似乎根本不关心overflow:hidden css 属性。我把一个伟大的tutorial on GPU transitions with HTML/CSS 的代码添加到一个简单的phonegap 项目（github）中。

这段代码定义了两个 100% 宽度的 div，其中一个在右侧溢出屏幕。单击链接会进行 GPU 加速转换，从而移动 div。

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

对此有什么想法吗？

谢谢

PS：我能否准确地说一下我尝试了大多数常见的溢出问题答案

【问题讨论】：

【解决方案1】：

好的，所以我想出了怎么做，这并不漂亮，但具有真正有效的优势：

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

【讨论】：

【解决方案2】：

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

【讨论】：