Interactividad
Utilidades para controlar el espacio del canal (gutter) reservado para la barra de desplazamiento de un elemento.
| Clase | Estilos |
|---|---|
scrollbar-gutter-auto | scrollbar-gutter: auto; |
scrollbar-gutter-stable | scrollbar-gutter: stable; |
scrollbar-gutter-both | scrollbar-gutter: stable both-edges; |
Utiliza la utilidad scrollbar-gutter-stable para reservar espacio para la barra de desplazamiento incluso cuando un elemento no esté desbordado:
scrollbar-gutter-auto
scrollbar-gutter-stable
<div class="overflow-auto scrollbar-gutter-stable ..."> <!-- ... --></div>Utiliza la utilidad scrollbar-gutter-both para reservar un espacio de canal coincidente en ambos lados del elemento:
<div class="overflow-auto scrollbar-gutter-both ..."> <!-- ... --></div>Utiliza la utilidad scrollbar-gutter-auto para reservar espacio de canal únicamente cuando el navegador mostraría normalmente una barra de desplazamiento:
<div class="overflow-auto scrollbar-gutter-auto ..."> <!-- ... --></div>Antepone a la utilidad scrollbar-gutter 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-gutter-auto md:scrollbar-gutter-stable ..."> <!-- ... --></div>Obtén más información sobre el uso de variantes en la documentación de variantes.