Omadus scroll-behavior

Omadus scroll-behavior määrab sujuva või hetkelise kerimise elemendi sees. Omadus võtab kaks väärtust auto (hetkeline üleminek elemendile) ja smooth (sujuv üleminek).

Süntaks

cssselektor {
  scroll-behavior: auto või smooth;
}

Näide . Väärtus auto

Määrame hetkelise kerimise:

html<div>text</div>

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

Результат:

Näide . Väärtus smooth

Ja nüüd määrame sujuva kerimise:

html<div>text</div>

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

Результат:

Vaata ka