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

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:

::-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;
}

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!