Svojstvo scroll-behavior

Svojstvo scroll-behavior podešava glatko ili trenutno skrolovanje unutar elementa. Svojstvo prihvata dve vrednosti auto (trenutni prelazak na element) i smooth (glatki prelazak).

Sintaksa

cssselektor {
  scroll-behavior: auto ili smooth;
}

Primer . Vrednost auto

Hajde da podesimo trenutno skrolovanje:

html<div>text</div>

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

Результат:

Primer . Vrednost smooth

A sada hajde da podesimo glatko skrolovanje:

html<div>text</div>

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

Результат:

Pogledajte takođe