CSS scroll-behavior ιδιότητα

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

Η ιδιότητα scroll-behavior καθορίζει αν η κίνηση κύλισης είναι ομαλή (με εφέ κίνησης) όταν ο χρήστης κάνει κλικ σε σύνδεσμο εντός ενός πλαίσιο κύλισης, αντί να μετακινηθεί ευθεία.

Παράδειγμα

Προσθέστε μια ομαλή κίνηση κύλισης στο έγγραφο:

html {
  scroll-behavior: smooth;
}

Προσπαθήστε το προσωπικά

Γλώσσα CSS

scroll-behavior: auto|smooth|initial|inherit;

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

Τιμή Περιγραφή
auto Προεπιλεγμένη τιμή. Επιτρέπει μια άμεση "κίνηση κύλισης" μεταξύ των στοιχείων εντός του πλαίσιο κύλισης.
smooth Επιτρέπει μια ομαλή "κίνηση κύλισης" μεταξύ των στοιχείων εντός του πλαίσιο κύλισης.
initial Ρυθμίστε αυτήν την ιδιότητα στην προεπιλεγμένη τιμή. Δείτε: initial.
inherit Κληρονομείται από το γονικό στοιχείο. Δείτε: inherit.

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

Προεπιλεγμένη τιμή: auto
Κληρονομικότητα: Όχι
Προσαρμογή animation: Δεν υποστηρίζεται. Δείτε:Προσαρμοστικές ιδιότητες.
Έκδοση: CSSOM View Module (εργαστηριακή έκδοση)
Γλώσσα JavaScript: object.style.scrollBehavior="smooth"

Υποστήριξη του προγράμματος περιήγησης

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

Chrome IE / Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0