如何防止触摸屏设备上的 Telegram Mini 应用程序出现不必要的滚动和折叠？

Question

我正在使用 Vite+React 开发 Telegram Mini 应用程序，用户报告在触摸屏设备上与应用程序交互时出现意外滚动和折叠。当用户尝试在应用程序内点击或滑动时，通常会出现这些问题，从而导致用户体验不佳。

我尝试了各种解决方案来防止不必要的滚动，但问题仍然存在。如何有效防止这些不良行为并确保为触摸屏设备上的所有用户提供稳定、响应灵敏的 UI？

我的index.html代码中有这个

<script src="https://telegram.org/js/telegram-web-app.js">
      window.Telegram.WebApp.ready()
      window.Telegram.WebApp.expand()
      window.Telegram.WebApp.disableVerticalSwipes()
</script>

Answer 1

我还会在ready()函数之前添加这个

window.Telegram.WebApp.isVerticalSwipesEnabled = false;

。