Ιδιότητα scrollBehavior

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

scrollBehavior Η ιδιότητα καθορίζει αν υπάρχει ομαλή αнимация στην κίνηση στην τοποθεσία όταν ο χρήστης κάνει κλικ σε σύνδεσμο εντός του πλαίσια κύλισης, αντί να μεταβεί άμεσα.

Δείτε επίσης:

Εγχειρίδιο CSS:Ιδιότητα scroll-behavior

Παράδειγμα

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

document.documentElement.style.scrollBehavior = "smooth";

Προσπάθησε το εξής

Γλώσσα

object.style.scrollBehavior = "auto|smooth|initial|inherit"

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

Τιμή Περιγραφή
auto Προεπιλεγμένο. Επιτρέπει άμεση μετάβαση μεταξύ των στοιχείων εντός του πλαίσια κύλισης.
smooth Επιτρέπει ομαλή αнимация μεταξύ των στοιχείων εντός του πλαίσια κύλισης.
initial Άφησε αυτήν την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε επίσης initial。
inherit Απόκτησε αυτήν την ιδιότητα από το γονικό στοιχείο. Δείτε επίσης inherit。

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

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

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