Egenskapen scroll-behavior

Egenskapen scroll-behavior setter jevn eller øyeblikkelig rulling inni et element. Egenskapen tar imot to verdier auto (øyeblikkelig overgang til elementet) og smooth (jevn overgang).

Syntaks

cssvelger {
  scroll-behavior: auto eller smooth;
}

Eksempel . Verdien auto

La oss sette øyeblikkelig rulling:

html<div>tekst</div>

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

Результат:

Eksempel . Verdien smooth

Og la oss nå sette jevn rulling:

html<div>tekst</div>

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

Результат:

Se også