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
selektor {
scroll-behavior: auto alebo smooth;
}
Príklad . Hodnota auto
Nastavme okamžité posúvanie:
<div>text</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Príklad . Hodnota smooth
A teraz nastavme plynulé posúvanie:
<div>text</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Pozri tiež
-
pseudotrieda
:fullscreen,
ktorá nastavuje štýl elementom v režime celej obrazovky -
pseudotrieda
:default,
ktorá nastavuje štýl predvoleným elementom
