Atributo scrollBehavior de estilo

Definición y uso

scrollBehavior La propiedad define si hay un efecto de animación suave al desplazarse a la ubicación al hacer clic en un enlace dentro de la caja desplazable, en lugar de saltar directamente.

Vea también:

Manual de referencia de CSS:Atributo scroll-behavior

Ejemplo

Añadir efectos de desplazamiento suaves a la página:

document.documentElement.style.scrollBehavior = "smooth";

Pruebe usted mismo

Sintaxis

object.style.scrollBehavior = "auto|smooth|initial|inherit"

Valor del atributo

Valor Descripción
auto Predeterminado. Permite saltar directamente entre los elementos dentro de la caja de desplazamiento.
smooth Permite efectos de animación suaves entre los elementos dentro de la caja de desplazamiento.
initial Establece este atributo en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad de su elemento padre. Consulte inherit.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0