Heim > Web-Frontend > CSS-Tutorial > Wie kann ich die Anzeige von Bildlaufleisten in mobilen Browsern erzwingen?

Wie kann ich die Anzeige von Bildlaufleisten in mobilen Browsern erzwingen?

Linda Hamilton
Freigeben: 2024-11-10 08:36:02
Original
586 Leute haben es durchsucht

How Can I Force Scrollbars to Appear on Mobile Browsers?

Bildlaufleisten in mobilen Browsern anzeigen

Diese Frage konzentriert sich auf das Problem versteckter Bildlaufleisten in mobilen Browsern bei Verwendung von „overflow:auto“ oder „ overflow:visible“ für scrollbare Inhalte. Während die Bildlaufleiste in Desktop-Browsern sichtbar ist, verschwindet sie auf Mobilgeräten, sofern nicht aktiv gescrollt wird.

Um dieses Problem zu beheben, können Sie Ihr CSS so ändern, dass es den folgenden Code enthält, der spezifisch für die Webkit-Browser-Engine ist:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

::-webkit-scrollbar {

    -webkit-appearance: none;

}

 

::-webkit-scrollbar:vertical {

    width: 12px;

}

 

::-webkit-scrollbar:horizontal {

    height: 12px;

}

 

::-webkit-scrollbar-thumb {

    background-color: rgba(0, 0, 0, .5);

    border-radius: 10px;

    border: 2px solid #ffffff;

}

 

::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #ffffff;

}

Nach dem Login kopieren

Dieser Code definiert das Erscheinungsbild der Bildlaufleiste, einschließlich Breite, Höhe, Daumenfarbe und Spurfarbe. Durch Anpassen dieser Eigenschaften können Sie die Bildlaufleiste auf Mobilgeräten immer sichtbar machen, sogar vor dem Scrollen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Anzeige von Bildlaufleisten in mobilen Browsern erzwingen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage