我有一个在touch 屏上工作的Reaction项目.当用户按住并滑动组件(无论它是否有滚动条)时，应用程序的主容器也会滑动到那一侧，并且视区上会出现空白区域(根容器之外).我们可以在手机的一些应用程序上看到这一功能，当我们按住并拖动应用程序时，对面会出现空白区域.
如果我在该组件的CSS代码中添加touch-action: none，什么都不会发生，并且我达到了我的目标.但如果在具有滚动条的组件中添加pan-x或pan-y属性，则会再次发生，并在滚动到其边缘时显示空白区域.
我在互联网上，甚至在聊天中都找不到任何解决方案，所以我们来看看:
我想要一个静态页面，当用户滑动(拖动)组件时，不会移动屏幕的任何一侧？所以,
-
如何防止因按住和滑动touch 屏上的元素而导致的空白区域？要我逐一处理吗？或,
-
有没有什么简单的方法可以一次从整个项目中禁用这个功能？
我在html中使用的meta标记是:
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, minimum-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">个