scroll-behavior

Utilidades para controlar el comportamiento del scroll de un elemento.

Clase Estilos

Clase	Estilos
`scroll-auto`	`scroll-behavior: auto;`
`scroll-smooth`	`scroll-behavior: smooth;`

scroll-auto

scroll-behavior: auto;

scroll-smooth

scroll-behavior: smooth;

Ejemplos

Usa la utilidad scroll-smooth para habilitar el desplazamiento suave dentro de un elemento:

<html class="scroll-smooth">
  <!-- ... -->
</html>

Establecer el scroll-behavior solo afecta a los eventos de scroll que son activados por el navegador.

Usa la utilidad scroll-auto para revertir al comportamiento predeterminado del navegador para el desplazamiento:

<html class="scroll-smooth md:scroll-auto">
  <!-- ... -->
</html>