overflow-anchor
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die overflow-anchor CSS Eigenschaft bietet eine Möglichkeit, das Scroll-Ankerverhalten des Browsers zu deaktivieren, welches die Scroll-Position anpasst, um Inhaltverschiebungen zu minimieren.
Das Scroll-Ankerverhalten ist standardmäßig in jedem unterstützenden Browser aktiviert. Daher muss der Wert dieser Eigenschaft in der Regel nur geändert werden, wenn Sie Probleme mit dem Scroll-Ankerverhalten in einem Dokument oder einem Teil eines Dokuments haben und dieses Verhalten deaktivieren möchten.
Probieren Sie es aus
Syntax
css
/* Keyword values */
overflow-anchor: auto;
overflow-anchor: none;
/* Global values */
overflow-anchor: inherit;
overflow-anchor: initial;
overflow-anchor: revert;
overflow-anchor: revert-layer;
overflow-anchor: unset;
Werte
Formale Definition
| Anfangswert | auto |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Nein |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Formale Syntax
overflow-anchor =
auto |
none
Beispiele
Scroll-Ankerverhalten verhindern
Um das Scroll-Ankerverhalten in einem Dokument zu verhindern, verwenden Sie die overflow-anchor Eigenschaft.
css
* {
overflow-anchor: none;
}
Spezifikationen
| Specification |
|---|
| CSS Scroll Anchoring Module Level 1 # exclusion-api |
Browser-Kompatibilität
BCD tables only load in the browser