android - CSS 触摸 Action : not always disabling in Cordova app

Question

问题

为了使 Cordova 应用程序中的无触摸操作的结果更加一致，我的 CSS 中缺少什么？

---

我正在用 Cordova 构建一个应用程序(在 Android 上测试)。我们有一个不应该滚动的完整页面选择，所以我在 CSS 中使用了 touch-action: none。但它仍然滚动，但只是有时。

CSS

body {
    touch-action: none;
}

现在我通过在 html 中打开/关闭不同的 div 来显示不同的“页面”。让我非常困惑的是，当它转到第一页时，它会滚动……一次!而且只有一次。所以我可以点击屏幕并向上/向下拖动页面，放开后我就不能再滚动了。

但是。我转到第二页，它会做同样的事情。它会让我滚动一次，但任何进一步的触摸事件都会被忽略。

这个问题是我喜欢的 html 选择器正在遭受这个问题。它将在何处工作，但在不应该滚动的情况下定期允许页面滚动。

我的理解是“touch-action: none”应该终止 Android 上的所有触摸事件，而不仅仅是其中的一些。

Answer 1

经过更多挖掘，我能够解决这个问题。

快速回答。 touch-action: none; 非常好。

不正常的是我使用 Chrome 的远程开发人员工具连接到设备并查看控制台。查看应用程序在运行时发生了什么。因为您可以通过开发人员工具触摸应用程序，所以我猜它设法搞砸了触摸事件。就像忽略 touch-action:none 并强制发生触摸 Action 一样。即使您通过开发人员工具只触摸了真实设备而不是设备“sim”，它仍然会搞砸触摸事件。

所以解决方案。您可以使用开发人员工具来确保您已正确添加 css。然后关闭设备的开发人员工具并使用 cordova run android 在 cordova 中再次运行它并且不要使用开发人员工具进行连接。

我花了两个工作日来解决这个问题。 :(