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
|
|
|
|
|
|---|---|---|---|---|
| 56.0+ | ✕ | 66.0+ | ✕ | 43.0+ |
Übe dein Wissen
Welche Aussage über die CSS-Eigenschaft 'overflow-anchor' ist richtig?
Richtig!
Falsch!