Proprietà CSS scroll-snap-stop

Definizione e uso

Dopo uno scorrimento veloce sulla trackpad o sullo schermo touchscroll-snap-stop L'attributo viene utilizzato per specificare se lo scorrimento salta direttamente l'elemento o si ferma e si adesiva all'elemento successivo.

Per controllare il comportamento di arresto dello scorrimento adesivo, è necessario impostare l'attributo sui figli scroll-snap-stop e scroll-snap-align Attributo, oltre a impostare scroll-snap-type attributo.

Attenzione: è necessario utilizzare il gesto di scorrimento su un dispositivo con trackpad o schermo touch per sperimentare scroll-snap-stop Effetto dell'attributo.

Esempio

Dopo uno scorrimento veloce sulla trackpad o sullo schermo touch, forza la fermata dello scorrimento e la fissazione sull'elemento successivo, invece di saltare direttamente l'elemento:

div {
  scroll-snap-stop: always;
}

Prova personalmente

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
normal Valore predefinito. Dopo uno scorrimento veloce sulla trackpad o sullo schermo touch, lo scorrimento decelera lentamente e salta più elementi.
always Dopo uno scorrimento veloce sulla trackpad o sullo schermo touch, lo scorrimento si ferma e l'elemento successivo viene fissato sulla posizione del fuoco.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit 继承此属性自其父元素。Vedi inherit.

Dettagli tecnici

Valore predefinito: normal
Ereditarietà: No
Produzione animazione: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.scrollSnapStop="always"

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
75.0 79.0 103.0 15.0 62.0

Pagine correlate

Riferimento:Proprietà CSS scroll-snap-align

Riferimento:Proprietà CSS scroll-snap-type