Proprietatea scroll-behavior
Proprietatea scroll-behavior stabilește o derulare lină
sau instantanee în interiorul unui element.
Proprietatea acceptă două valori auto (tranziție
instantanee către element) și smooth (tranziție
lină).
Sintaxă
selector {
scroll-behavior: auto sau smooth;
}
Exemplu . Valoarea auto
Să stabilim derularea instantanee:
<div>text</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Exemplu . Valoarea smooth
Și acum să stabilim derularea lină:
<div>text</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Vedeți și
-
pseudoclassa
:fullscreen,
care stabilește stilul elementelor în modul ecran complet -
pseudoclassa
:default,
care stabilește stilul elementelor implicit
