Lastnost scroll-behavior

Lastnost scroll-behavior določa gladko ali takojšnje drsenje znotraj elementa. Lastnost sprejme dve vrednosti auto (takojšen prehod na element) in smooth (gladek prehod).

Sintaksa

cssselektor {
  scroll-behavior: auto ali smooth;
}

Primer . Vrednost auto

Nastavimo takojšnje drsenje:

html<div>text</div>

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

Результат:

Primer . Vrednost smooth

Zdaj pa nastavimo gladko drsenje:

html<div>text</div>

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

Результат:

Glejte tudi