Wie verstecke ich Bildlaufleisten auf Mobilgeräten oder Emulatoren, ohne das Bildlaufverhalten in der React-App zu beeinträchtigen?

Question

Auf mobilen Geräten möchte ich die Bildlaufleisten in der gesamten Anwendung vollständig ausblenden, aber ich brauche, dass der Benutzer scrollen kann.

Ich habe versucht, die Bildlaufleiste mit CSS scrollbar, scrollbar-thumb, scrollbar-thumb:hover und scrollbar-track auszublenden. Es funktioniert im Browser, aber nicht auf mobilen Geräten.

Answer 1

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

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

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

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