android - Phonegap 和 Android 溢出问题

Question

当 div 溢出时，Android webview 似乎根本不关心overflow:hiddencss 属性。我获取了一个关于使用 HTML/CSS 进行 GPU 转换的精彩教程的代码，并将其添加到一个简单的 phonegap 项目 ( github ) 中。

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

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

对此有什么想法吗？

谢谢

PS：我能否准确地说我尝试了最常见的溢出问题答案

Answer 1

好的，所以我想出了如何做到这一点，这并不漂亮，但具有真正有效的优势：

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

Answer 2

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