1. Interactividad
  2. scroll-behavior

Interactividad

scroll-behavior

Utilidades para controlar el comportamiento del desplazamiento de un elemento.

ClaseEstilos
scroll-auto
scroll-behavior: auto;
scroll-smooth
scroll-behavior: smooth;

Ejemplos

Uso de desplazamiento suave (smooth scrolling)

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

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

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

Uso de desplazamiento normal

Utiliza la utilidad scroll-auto para volver al comportamiento de desplazamiento predeterminado del navegador:

<html class="scroll-smooth md:scroll-auto">  <!-- ... --></html>
Copyright © 2026 Tailwind Labs Inc.·Política de marcas registradas