如何在移动设备或模拟器上隐藏滚动条，而不影响React应用程序中的滚动行为？

Question

在移动设备上，我希望在整个应用程序中完全隐藏滚动条，但我需要用户能够滚动。

我尝试使用CSS的scrollbar、scrollbar-thumb、scrollbar-thumb:hover和scrollbar-track来隐藏滚动条，在浏览器上可以工作，但在移动设备上无效。

Answer 1

您需要使用两个CSS属性，一个用于webkit，另一个用于Mozilla，如下所示 -

.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}

.invisible-scrollbar {
  scrollbar-width: none;
}

其中.invisible-scrollbar是添加到相关元素的类。