CSS overflow-anchor Eigenschaft

Definition und Verwendung

overflow-anchor Diese Eigenschaft wird verwendet, um das Scroll-Anchoring (scroll anchoring) abzuschalten.

Scroll-Anchoring ist eine Funktion des Browsers, die verhindert, dass der Bereich, der bereits in den sichtbaren Bereich gescrollt ist, beim Laden neuer Inhalte verschoben wird. Dies wird oft als Problem bei langsamen Netzwerkverbindungen wahrgenommen, d.h. der Benutzer scrollt, bevor die Seite vollständig geladen ist, und beginnt zu lesen.

Beispiel

Schließen Sie das Scroll-Anchoring ab:

div {
  overflow-anchor: none;
}

Probieren Sie es selbst aus

CSS-Syntax

overflow-anchor: auto|none|initial|inherit;

Eigenschaftswert

Wert Beschreibung
auto Standardwert. Aktivieren Sie das Scroll-Anchoring.
none Deaktivieren Sie das Scroll-Anchoring.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe: initial.
inherit Von seinem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

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

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer des ersten Browsers dar, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 Nicht unterstützt 43.0

Verwandte Seiten

Tutorial:CSS-Überlauf

Bezugnahme:CSS overflow Eigenschaft