React アプリのスクロール動作に影響を与えずに、モバイル デバイスまたはエミュレーターでスクロールバーを非表示にする方法は?

Question

モバイル デバイスでは、アプリケーション全体でスクロールバーを完全に非表示にしたいのですが、ユーザーがスクロールできるようにする必要があります。

CSS スクロールバー、スクロールバー-サム、スクロールバー-サム:ホバー、スクロールバー-トラックを使用してスクロールバーを非表示にしようとしましたが、ブラウザーでは機能しますが、モバイルデバイスでは機能しません。

Answer 1

以下に示すように、Webkit 用と Mozilla 用の 2 つの CSS プロパティを使用する必要があります -

リーリー

ここで、.invisible-scrollbar は、関連要素に追加されたクラスです。