Wie kann ich verhindern, dass Bildlaufleisten auf meinem Mac-Trackpad verschwinden, wenn ich WebKit-/Blink-Browser verwende?

Verhindern, dass Bildlaufleisten verschwinden: Eine Lösung für Mac-Trackpad-Benutzer in WebKit/Blink

Problem:

Benutzer von macOS mit Mac OS WebKit/Blink-Browser (wie Safari und Chrome). Dieses Verhalten kann zu Verwirrung führen, da Bildlaufleisten einen wesentlichen visuellen Hinweis darauf liefern, dass ein Element scrollbar ist.

Lösung:

WebKits -webkit-scrollbar-Pseudoelemente ermöglichen dies Kontrolle über das Erscheinungsbild der Bildlaufleiste. Durch Anpassen dieser Elemente können wir Standardverhalten verhindern und die kontinuierliche Anzeige von Bildlaufleisten erzwingen.

CSS-Styling:

Standarddarstellung und -verhalten deaktivieren:

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
}

Erstellen Sie das Erscheinungsbild einer sichtbaren Schriftrolle neu Balken:

.frame::-webkit-scrollbar:vertical {
    width: 11px;
}

.frame::-webkit-scrollbar:horizontal {
    height: 11px;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}

.frame::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

Fazit:

Durch die Implementierung dieses CSS-Stils können wir sicherstellen, dass Bildlaufleisten für Mac-Trackpad-Benutzer in WebKit-/Blink-Browsern sichtbar bleiben ein konsistentes und intuitives Scrollerlebnis.

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass Bildlaufleisten auf meinem Mac-Trackpad verschwinden, wenn ich WebKit-/Blink-Browser verwende?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!