Ominaisuus scroll-behavior
Ominaisuus scroll-behavior määrittää sulavan
tai välittömän vierityksen elementin sisällä.
Ominaisuus hyväksyy kaksi arvoa auto (välitön
siirtyminen elementtiin) ja smooth (sulava
siirtyminen).
Syntaksi
valitsija {
scroll-behavior: auto tai smooth;
}
Esimerkki . Arvo auto
Asetetaan välitön vieritys:
<div>teksti</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Esimerkki . Arvo smooth
Asetetaan nyt sulava vieritys:
<div>teksti</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Katso myös
-
pseudoluokka
:fullscreen,
joka määrittää tyylin elementeille koko näytön tilassa -
pseudoluokka
:default,
joka määrittää tyylin oletuselementeille
