Vlastnosť scroll-behavior

Vlastnosť scroll-behavior nastavuje plynulé alebo okamžité posúvanie vnútri elementu. Vlastnosť prijíma dve hodnoty auto (okamžitý prechod k elementu) a smooth (plynulý prechod).

Syntax

cssselektor {
  scroll-behavior: auto alebo smooth;
}

Príklad . Hodnota auto

Nastavme okamžité posúvanie:

html<div>text</div>

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

Результат:

Príklad . Hodnota smooth

A teraz nastavme plynulé posúvanie:

html<div>text</div>

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

Результат:

Pozri tiež