suchen

Heim  >  Fragen und Antworten  >  Hauptteil

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

<p>Auf mobilen Geräten möchte ich die Bildlaufleisten in der gesamten Anwendung vollständig ausblenden, aber ich brauche, dass der Benutzer scrollen kann. </p> <p>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. </p>
P粉208286791P粉208286791507 Tage vor636

Antworte allen(1)Ich werde antworten

  • P粉896751037

    P粉8967510372023-08-18 11:08:31

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

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

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

    Antwort
    0
  • StornierenAntwort