Propiedad overflow-anchor de CSS

La propiedad overflow-anchor te permite desactivar el Anclaje de desplazamiento, una función del navegador que ajusta la posición del desplazamiento para minimizar los cambios de contenido.

El Anclaje de desplazamiento está habilitado de forma predeterminada en cualquier navegador compatible.

Esta propiedad tiene dos valores: auto y none.

Valor inicial	auto
Se aplica a	Todos los elementos.
Heredable	No.
Animable	No.
Versión	Módulo de Anclaje de Desplazamiento CSS Nivel 1
Sintaxis DOM	object.style.overflowAnchor = "none";

Sintaxis

Propiedad overflow-anchor de CSS

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

Puedes insertar el siguiente fragmento de código con la propiedad overflow-anchor en tu código CSS:

Sintaxis de overflow-anchor en CSS

body {
  overflow-anchor: none;
}

Valores

Valor	Descripción
auto	Ajusta la posición del anclaje de desplazamiento, convirtiendo al elemento en un ancla.
none	Desactiva el anclaje de desplazamiento, permitiendo que el contenido se refluja.
initial	Hace que la propiedad use su valor predeterminado.
inherit	Hereda la propiedad de su elemento padre.

Práctica

¿Cuál es la función de la propiedad CSS 'overflow-anchor'?

Fuerza al navegador a habilitar o deshabilitar el 'anclaje de desplazamiento'.Cambia el color de la etiqueta anchor.Ayuda a ajustar el diseño según el tamaño de la pantalla.Controla la posición de desplazamiento del navegador para evitar saltos inesperados.Define la forma de un elemento anchor.