如何在行動裝置或模擬器上隱藏滾動條，而不影響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是加入相關元素的類別。