CSS scroll-snap-stop egenskap

Definition och användning

När du snabbt rullar på touchpad eller pekskärmscroll-snap-stop egenskapen används för att specificera om rullning går direkt över elementen eller stoppar och fäster vid nästa element.

För att styra beteendet för att stoppa rullning och fästa, måste egenskapen sättas på underordnade element. scroll-snap-stop och scroll-snap-align egenskapen, samt sätta scroll-snap-type egenskapen.

Observera: Du måste använda glidhandgripet på enheter med touchpad eller pekskärm för att uppleva scroll-snap-stop effekten av egenskapen.

Exempel

Under snabb rullning på touchpad eller pekskärm tvingas rullningen att stoppa och fästa vid nästa element, inte att hoppa över elementen direkt:

div {
  scroll-snap-stop: always;
}

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
normal Standardvärde. Efter snabb rullning på touchpad eller pekskärm kommer rullningen att sakta ner och hoppa över flera element.
always Efter snabb rullning på touchpad eller pekskärm kommer rullningen att stoppa och nästa element kommer att fästa vid fokuspositionen.
initial Sätt detta egenskap till dess standardvärde. Se: initial.
inherit Följande är att ärva detta egenskap från föräldrelementet. Se: inherit.

Tekniska detaljer

Standardvärde: normal
Arv: Nej
Animation tillverkning: Stöds inte. Se:Animation relaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.scrollSnapStop="always"

Webbläsarstöd

Tabellens siffror representerar den första webbläsarversion som helt stöder detta egenskap.

Chrome Edge Firefox Safari Opera
75.0 79.0 103.0 15.0 62.0

Relaterade sidor

Referens:CSS scroll-snap-align egenskap

Referens:CSS scroll-snap-type egenskap