CSS-Eigenschaft overflow-anchor

Die Eigenschaft overflow-anchor ermöglicht es, Scroll Verankerung zu deaktivieren, eine Browser-Funktion, die eine Scroll-Position hinzufügt, um Inhaltsverschiebungen zu minimieren.

Die Scroll-Verankerung ist standardmäßig in jedem unterstützten Browser aktiviert.

Diese Eigenschaft hat zwei Werte: auto und none.

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

Syntax

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

Beispiel

body {
overflow-anchor: none;
}

Werte

Wert Beschreibung
auto Stellt die Position der Scroll-Verankerung ein, wodurch ein Element zu einem Anker wird.
none Deaktiviert die Scrollverankerung, wodurch der Inhalt neu geordnet wird.
initial Der Wert stellt die Eigenschaft auf seinen Standardwert ein.
inherit Der Wert erbt die Eigenschaft von seinem übergeordneten Element.

Browser-Support

chrome edge firefox safari opera
56.0+ 66.0+ 43.0+

Übe dein Wissen

Welche Aussage über die CSS-Eigenschaft 'overflow-anchor' ist richtig?
Finden Sie das nützlich?