CSS scroll-snap-stop ιδιότητα

Ορισμός και χρήση

Με γρήγορη κύλιση στο touchpad ή το οθόνη αφήςscroll-snap-stop Η ιδιότητα χρησιμοποιείται για να καθορίσει αν η κύλιση überspringt στοιχεία ή σταματά και προσαρμόζεται στο επόμενο στοιχείο.

Για να ελέγξετε τη συμπεριφορά της διακοπής της κύλισης, θα πρέπει να ορίσετε την ιδιότητα στο στοιχείο του υιού. scroll-snap-stop και scroll-snap-align ιδιότητα, ενώ ορίζετε επίσης στο γονικό στοιχείο scroll-snap-type ιδιότητα.

Σημείωση: Θα πρέπει να χρησιμοποιήσετε το αίσθημα της κύλισης σε μια συσκευή με touchpad ή οθόνη αφής για να εμπειρίσετε την ιδιότητα. scroll-snap-stop Εφέ της ιδιότητας.

Παράδειγμα

Με γρήγορη κύλιση στο touchpad ή το οθόνη αφής, επιβάλλετε την διακοπή της κύλισης και την προσαρμογή στο επόμενο στοιχείο, αντί να überspringen στοιχεία:

div {
  scroll-snap-stop: always;
}

Δοκιμάστε το προσωπικά

Γλώσσα CSS

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

Τιμή ιδιότητας

Τιμή Περιγραφή
normal Προεπιλεγμένη τιμή. Μετά από γρήγορη κύλιση στο touchpad ή το οθόνη αφής, η κύλιση θα επιβραδύνει αργά και θα überspringen πολλαπλά στοιχεία.
always Μετά από γρήγορη κύλιση στο touchpad ή το οθόνη αφής, η κύλιση θα σταματήσει και ο επόμενος στοιχείο θα προσαρμοστεί στη θέση του εστιασμού.
initial Αναθέστε την ιδιότητα στην προεπιλεγμένη τιμή. Δείτε: initial.
inherit Απόκτηση της ιδιότητας από το γονικό στοιχείο. Δείτε: inherit.

Τεχνικές λεπτομέρειες

Προεπιλεγμένη τιμή: normal
Κληρονομικότητα: Όχι
Παραγωγή κίνησης: Δεν υποστηρίζεται. Παρακαλώ δείτε:Παραμέτρους κίνησης.
Έκδοση: CSS3
Γλώσσα γράψματος JavaScript: object.style.scrollSnapStop="always"

Υποστήριξη περιηγητή

Τα αριθμητικά στοιχεία στη τύχη δείχνουν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει την ιδιότητα.

Chrome Edge Firefox Safari Όπερα
75.0 79.0 103.0 15.0 62.0

Σχετικές σελίδες

Αναφορά:CSS scroll-snap-align ιδιότητα

Αναφορά:CSS scroll-snap-type ιδιότητα