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
selektor {
scroll-behavior: auto nebo smooth;
}
Příklad . Hodnota auto
Nastavme okamžité posouvání:
<div>text</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Příklad . Hodnota smooth
A nyní nastavme plynulé posouvání:
<div>text</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Viz také
-
pseudotřída
:fullscreen,
která nastavuje styl prvkům v režimu celé obrazovky -
pseudotřída
:default,
která nastavuje styl prvkům výchozím
