Interactividad
Utilidades para controlar el ancho de la barra de desplazamiento (scrollbar) de un elemento.
| Clase | Estilos |
|---|---|
scrollbar-auto | scrollbar-width: auto; |
scrollbar-thin | scrollbar-width: thin; |
scrollbar-none | scrollbar-width: none; |
Utiliza la utilidad scrollbar-auto para usar el ancho de barra de desplazamiento predeterminado del navegador:
<div class="scrollbar-auto overflow-auto ..."> <!-- ... --></div>Utiliza la utilidad scrollbar-thin para usar una barra de desplazamiento más delgada:
Desplázate verticalmente
<div class="scrollbar-thin overflow-auto ..."> <!-- ... --></div>Utiliza la utilidad scrollbar-none para ocultar las barras de desplazamiento sin dejar de permitir el desplazamiento del elemento:
<div class="scrollbar-none overflow-auto ..."> <!-- ... --></div>Estas utilidades solo admiten las palabras clave del navegador auto, thin y none.
Antepone a la utilidad scrollbar-width el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:
<div class="scrollbar-none md:scrollbar-auto ..."> <!-- ... --></div>Obtén más información sobre el uso de variantes en la documentación de variantes.