overscroll-behavior-y

Die overscroll-behavior-y CSS Eigenschaft ändert das Browserverhalten, wenn die vertikale Grenze des Scrollbereichs erreicht wurde.

Eine vollständige Erklärung gibt es auch unter overscroll-behavior .

/* Keyword values */
overscroll-behavior: auto; /* default */
overscroll-behavior: contain;
overscroll-behavior: none;

/* Global values */
overflow: inherit;
overflow: initial;
overflow: unset;
Initialwertauto
Anwendbar aufnicht ersetzte Blocklevel Elemente und nicht ersetzte Inlineblock Elemente
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

Syntax

Die overscroll-behavior-y Eigenschaft kann mit einem der untenstehenden Schlüsselworte definiert werden:

Werte

auto
Das standardmäßige Scrollüberlaufverhalten wird eingestellt.
contain
Es wird das standardmäßige Scrollüberlaufverhalten im aktuellen Element eingestellt, die Scrollverkettung, d.h. das gelichzeitige Scrollen von darunterliegenden Elementen wird verhindert.
none
Es gibt keine Scrollverkettung zu benachbarten Scrollzonen und das Standard-Scrollverhalten wird verhindert.

Formale  Syntax

contain | none | auto

Beispiele

.messages {
  height: 220px;
  overflow: auto;
  overscroll-behavior-y: contain;
}

Eine vollständige Erklärung gibt es auch unter overscroll-behavior

Spezifikationen

Spezifikation Status Kommentar
Unknown
Die Definition von 'overscroll-behavior-y' in dieser Spezifikation.		 Unbekannt

Browserkompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
overscroll-behavior-yChrome Vollständige Unterstützung 63Edge Teilweise Unterstützung 18
Hinweise
Teilweise Unterstützung 18
Hinweise
Hinweise Currently the none value incorrectly behaves as contain (allowing for the elastic bounce effect).
Firefox Vollständige Unterstützung 59IE Keine Unterstützung NeinOpera Vollständige Unterstützung 50Safari Keine Unterstützung NeinWebView Android Vollständige Unterstützung 63Chrome Android Vollständige Unterstützung 63Firefox Android Vollständige Unterstützung 59Opera Android Vollständige Unterstützung 46Safari iOS Keine Unterstützung NeinSamsung Internet Android Vollständige Unterstützung 8.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Teilweise Unterstützung  
Teilweise Unterstützung
Keine Unterstützung  
Keine Unterstützung
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.

Siehe auch