Proprietà scroll-behavior
La proprietà scroll-behavior imposta lo scorrimento fluido
o istantaneo all'interno di un elemento.
La proprietà accetta due valori auto (transizione
istantanea all'elemento) e smooth (transizione
fluida).
Sintassi
selettore {
scroll-behavior: auto o smooth;
}
Esempio . Valore auto
Impostiamo lo scorrimento istantaneo:
<div>testo</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Esempio . Valore smooth
Ora impostiamo lo scorrimento fluido:
<div>testo</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Vedi anche
-
pseudoclasse
:fullscreen,
che imposta lo stile per gli elementi in modalità a schermo intero -
pseudoclasse
:default,
che imposta lo stile per gli elementi predefiniti
