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

Question

Auf Mobilgeräten möchte ich, dass die Bildlaufleiste in der gesamten App vollständig ausgeblendet wird, aber ich möchte, dass der Benutzer scrollen kann. Ich habe versucht, die Bildlaufleiste mithilfe der CSS-Funktionen scrollbar, scrollbar-thumb, scrollbar-thumb:hover und scrollbar-track auszublenden, was in Browsern, aber nicht auf mobilen Geräten funktioniert.

P粉896751037 · Answer

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

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

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

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