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

cssselettore {
  scroll-behavior: auto o smooth;
}

Esempio . Valore auto

Impostiamo lo scorrimento istantaneo:

html<div>testo</div>

cssdiv {
  scroll-behavior: auto;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

Esempio . Valore smooth

Ora impostiamo lo scorrimento fluido:

html<div>testo</div>

cssdiv {
  scroll-behavior: smooth;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

Vedi anche