Egenskapen scroll-behavior
Egenskapen scroll-behavior ställer in mjuk
eller omedelbar rullning inom ett element.
Egenskapen tar två värden auto (omedelbar
övergång till elementet) och smooth (mjuk
övergång).
Syntax
selektor {
scroll-behavior: auto eller smooth;
}
Exempel . Värdet auto
Låt oss ställa in omedelbar rullning:
<div>text</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Exempel . Värdet smooth
Och nu låt oss ställa in mjuk rullning:
<div>text</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Se även
-
pseudoklassen
:fullscreen,
som ställer in stilen för element i helskärmsläge -
pseudoklassen
:default,
som ställer in stilen för standardelement
