CSS scroll-snap-stop egenskab

Definition og brug

Når der hurtigt glides på touchpad eller berøringsskærmscroll-snap-stop egenskaben bruges til at specificere, om rulning direkte springer over elementer, eller stopper og fastgør sig til det næste element.

For at kontrollere adfærd ved stop af rulningssnap, skal egenskaben sættes på underelementet scroll-snap-stop og scroll-snap-align egenskaben, og samtidig sætte scroll-snap-type egenskaben.

Bemærk: Du skal bruge glidestøtte på enheder med touchpad eller berøringsskærm for at opleve scroll-snap-stop effekten af egenskaben.

Eksempel

Når der hurtigt glides på touchpad eller berøringsskærm, tvunget rulning til at stoppe og fastgøres til det næste element i stedet for at springe over elementet:

div {
  scroll-snap-stop: always;
}

Prøv det selv

CSS syntaks

scroll-snap-stop: normal|always|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
normal Standardværdi. Efter hurtig glidning på touchpad eller berøringsskærm vil rulningen langsomt decelerere og springe over flere elementer.
always Efter hurtig glidning på touchpad eller berøringsskærm stopper rulningen og den næste elementet fastgøres til fokuspositionen.
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arver denne egenskab fra sin forældrelement. Se: inherit.

Tekniske detaljer

Standardværdi: normal
Arv: Nej
Animation fremstilling: Ikke understøttet. Se:Animation relaterede egenskaber.
Version: CSS3
JavaScript syntaks: object.style.scrollSnapStop="always"

Browserunderstøttelse

Tabelens tal angiver versionen af den første browser, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
75.0 79.0 103.0 15.0 62.0

Relaterede sider

Reference:CSS scroll-snap-align egenskab

Reference:CSS scroll-snap-type egenskab