CSS overflow-anchor-Eigenschaft

Die CSS-Eigenschaft overflow-anchor ermöglicht es Ihnen, auf das Scroll Anchoring zu verzichten, eine Browser-Funktion, die die Scroll-Position anpasst, um Inhaltsverschiebungen zu minimieren.

Scroll Anchoring ist in jedem unterstützten Browser standardmäßig aktiviert.

Diese Eigenschaft hat zwei Werte: auto und none.

Anfangswert	auto
Gilt für	Alle Elemente.
Vererbbar	Nein.
Animierbar	Nein.
Version	CSS Scroll Anchoring Module Level 1
DOM-Syntax	object.style.overflowAnchor = "none";

Syntax

CSS overflow-anchor

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

Sie können den folgenden Codeausschnitt mit der overflow-anchor-Eigenschaft in Ihren CSS-Code einfügen:

CSS overflow-anchor-Syntax

body {
  overflow-anchor: none;
}

Werte

Wert	Beschreibung
auto	Passt die Scroll-Anchoring-Position an und macht so ein Element zu einem Anker.
none	Deaktiviert das Scroll Anchoring und lässt den Inhalt neu fließen.
initial	Legt fest, dass die Eigenschaft ihren Standardwert verwendet.
inherit	Erbt die Eigenschaft von ihrem übergeordneten Element.

Praxis

Was ist die Funktion der CSS-Eigenschaft 'overflow-anchor'?

Sie zwingt den Browser, das 'Scroll Anchoring' zu aktivieren oder zu deaktivieren.Sie ändert die Farbe des Anchor-Tags.Sie hilft, das Layout an die Bildschirmgröße anzupassen.Sie steuert die Scroll-Position des Browsers, um unerwartete Sprünge zu verhindern.Sie definiert die Form eines Anker-Elements.