CSS overscroll-behavior-y Eigenschaft

Definition und Verwendung

overscroll-behavior-y Diese Eigenschaft wird verwendet, um die Scrollkette oder das Überrollungsfeedback des Elements zu deaktivieren, wenn versucht wird, über die Grenzen des Rollbereichs in der y-Richtung zu scrollen.

ScrollketteBezeichnet das Überrollen eines Elements, das die Rollverhalten des übergeordneten Elements verursacht. Dies ist das Standardverhalten.

ÜberrollenFeedback ist die Rückmeldung, die dem Benutzer gegeben wird, wenn er versucht, über die Grenzen des Rollbereichs zu scrollen. Zum Beispiel wird auf mobilen Geräten in der Regel eine visuelle Rückmeldung mit der Aktualisierung der Seite gegeben, wenn versucht wird, über den oberen Rand der Seite zu scrollen.

Beispiel

Schließen Sie die Scrollkette des rollbaren <div>-Elements:

#yellowDiv {
  overscroll-behavior-y: contain;
}

Versuchen Sie es selbst

CSS-Syntax

overscroll-behavior-y: auto|contain|none|initial|inherit;

Eigenschaftswert

Wert Beschreibung
auto Scrollketteneigenschaften und Überrollungsfeedback-Eigenschaften zulassen. Standardwert.
contain Überrollungsfeedback-Eigenschaften zulassen, aber keine Scrollkette.
none Keine Überrollungsfeedback oder Scrollketteneigenschaften zulassen.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe: initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

Standardwert: auto
Vererbbarkeit: Nein
Animationserstellung: Nicht unterstützt. Siehe:Animationsspezifische Eigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.overscrollBehaviorY="none"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionen der Browser dar, die diese Eigenschaft vollständig unterstützen.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* In Microsoft Edge wird der Wert none wie contain behandelt, was falsch ist.

Verwandte Seiten

Referenz:CSS overscroll-behavior Eigenschaft

Referenz:CSS overscroll-behavior-block Eigenschaft

Referenz:CSS overscroll-behavior-inline Eigenschaft

Referenz:CSS overscroll-behavior-x Eigenschaft

Referenz:CSS scroll-behavior Eigenschaft

Referenz:CSS scroll-margin Eigenschaft

Referenz:CSS scroll-padding-Eigenschaft

Referenz:CSS scroll-snap-align-Eigenschaft