Überwindung versteckter Bildlaufleisten für Trackpad-Benutzer in WebKit/Blink
Das Standardverhalten von UIKit/Blink verbirgt Bildlaufleisten für Trackpad-Benutzer unter MacOS, was den Benutzer möglicherweise behindert Interaktion. Um dieses Problem zu beheben und eine konsistente Sichtbarkeit der Bildlaufleiste sicherzustellen, führen Sie die folgenden Schritte aus:
1. Deaktivieren Sie das Standardverhalten der Bildlaufleiste:
Deaktivieren Sie das Standard-Erscheinungsbild der Bildlaufleiste von WebKit mit -webkit-appearance: none; CSS-Eigenschaft für das Pseudoelement ::-webkit-scrollbar.
2. Definieren Sie den benutzerdefinierten Stil der Bildlaufleiste:
Da der Standardstil entfernt wurde, müssen Sie Ihren eigenen Stil definieren. Das folgende CSS stellt das Erscheinungsbild versteckter Bildlaufleisten wieder her:
.frame::-webkit-scrollbar { -webkit-appearance: none; } .frame::-webkit-scrollbar:vertical { width: 11px; } .frame::-webkit-scrollbar:horizontal { height: 11px; } .frame::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, .5); } .frame::-webkit-scrollbar-track { background-color: #fff; border-radius: 8px; }
3. Styling auf scrollbare Elemente anwenden:
Wenden Sie das benutzerdefinierte CSS auf scrollbare Elemente an und stellen Sie sicher, dass Bildlaufleisten unabhängig von der Trackpad-Nutzung immer sichtbar sind. Dies sorgt für ein konsistentes Benutzererlebnis und verhindert mögliche Verwirrung.
Das obige ist der detaillierte Inhalt vonWie kann ich Bildlaufleisten für Trackpad-Benutzer in WebKit/Blink immer sichtbar machen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!