在 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 {
    touch-action: none !important;
}