在 Telegram Bot 的 Web 应用程序中滚动时出现崩溃的错误

Question

我想在 Telegram 中构建用 flutter 编写的移动 Web 应用程序。同时，存在一个问题：向下滚动时，应用程序崩溃，就好像我正在折叠底部表格一样。

网页应用程序；Telegram 网络应用程序；问题的视频演示

我通过在代码中添加以下脚本成功解决了 iOS 设备的这个问题：

document.addEventListener("touchmove", function (event) {
    event.preventDefault();
},
    {
        passive: false
    });

但在 Android 上，问题依然存在。我尝试了使用 touchmove、overflow、relative 和其他方法来禁用页面滚动的所有变体。我找到的任何方法都没有解决Android上的问题。

Answer 1

将其添加到 css 的 body 部分以禁用任何触摸事件：

body {
    touch-action: none !important;
}