Wie kann ich verhindern, dass Bildlaufleisten auf macOS-Trackpads in WebKit-/Blink-Browsern ausgeblendet werden?-CSS-Tutorial-php.cn

Wie kann ich verhindern, dass Bildlaufleisten auf macOS-Trackpads in WebKit-/Blink-Browsern ausgeblendet werden?

Mary-Kate Olsen

Freigeben： 2025-01-04 08:45:33

Original

448 Leute haben es durchsucht

How Can I Prevent Scroll Bars from Hiding on macOS Trackpads in WebKit/Blink Browsers?

Verhindern der Verdeckung der Bildlaufleiste für macOS Trackpad-Benutzer in WebKit/Blink

In macOS seit Version 10.7 WebKit/Blink-Browser (z. B. Safari , Chrome) verbergen Bildlaufleisten automatisch vor Trackpad-Benutzern, wenn sie nicht verwendet werden. Dieses Verhalten kann wesentliche visuelle Hinweise zur Bestimmung der Scrollbarkeit eines Elements verschleiern.

Standard-WebKit-Verhalten:

Foo<br />
Bar<br />
Baz<br />
Help I'm trapped in an HTML factory!</p>
<p></div> </p>
<p><strong>Presto-Verhalten (z. B. Opera):</strong></p>
<p><div><pre class="brush:php;toolbar:false">Foo<br />
Bar<br />
Baz<br />
Help I'm trapped in an HTML factory!</p>
<p></div></p>
<p><strong>Lösung: Bildlaufleisten dauerhaft anzeigen</strong></p>
<p>Um zu erzwingen, dass eine Bildlaufleiste in WebKit sichtbar bleibt, ändern Sie ihr Erscheinungsbild mit der -webkit-scrollbar Pseudoelement:</p>
<p><strong>CSS:</strong></p>
<pre class="brush:php;toolbar:false">.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;
    background-color: rgba(0, 0, 0, .5);
}

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

Nach dem Login kopieren

Ergebnis:

Foo
Bar
Baz
Help I'm trapped in an HTML factory!

Indem Sie das standardmäßige Erscheinungsbild der Bildlaufleiste deaktivieren und einen benutzerdefinierten Stil definieren, Wir sorgen dafür, dass die Bildlaufleiste für macOS-Trackpad-Benutzer sichtbar bleibt.

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass Bildlaufleisten auf macOS-Trackpads in WebKit-/Blink-Browsern ausgeblendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!