Vlastnost scroll-behavior

Vlastnost scroll-behavior nastavuje plynulé nebo okamžité posouvání uvnitř prvku. Vlastnost přijímá dvě hodnoty auto (okamžitý přechod k prvku) a smooth (plynulý přechod).

Syntaxe

cssselektor {
  scroll-behavior: auto nebo smooth;
}

Příklad . Hodnota auto

Nastavme okamžité posouvání:

html<div>text</div>

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

Результат:

Příklad . Hodnota smooth

A nyní nastavme plynulé posouvání:

html<div>text</div>

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

Результат:

Viz také