Πρότυπο CSS overscroll-behavior-x

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

overscroll-behavior-x Η ιδιότητα χρησιμοποιείται για να κλείσει την αλυσίδα κύλισης ή την ανατροφοδότηση υπερστροφής όταν προσπαθείς να κουλίσεις πέρα από τα όρια κύλισης στο οριζόντιο επίπεδο.

Σημείωση:Για να προκαλέσεις την overscroll-behavior στο οριζόντιο επίπεδο, μπορείς να χρειαστεί να χρησιμοποιήσεις την κίνηση γυρισμού στο trackpad ή στο οθόνη αφής.

Αλυσίδα κύλισηςΣημαίνει ότι η υπερστροφή σε ένα στοιχείο προκαλεί τη συμπεριφορά κύλισης του γονικού στοιχείου. Αυτό είναι το προεπιλεγμένο comportment.

ΥπερστροφήΗ ανατροφοδότηση είναι η ανατροφοδότηση που παρέχεται στον χρήστη όταν προσπαθεί να κουλίσει πέρα από τα όρια κύλισης. Για παράδειγμα, σε ένα κινητό εξοπλισμό, όταν προσπαθεί να κουλίσει πέρα από την κορυφή της σελίδας, συχνά συνοδεύεται από την οπτική ανατροφοδότηση ανανέωσης της σελίδας.

Παράδειγμα

Αναστενάσε το αλυσίδα κύλισης του στοιχείου <div> στο οριζόντιο επίπεδο:

#yellowDiv {
  overscroll-behavior-x: contain;
}

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

Γλώσσα γραφήματος CSS

overscroll-behavior-x: auto|contain|none|initial|inherit;

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

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

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

Προεπιλεγμένη τιμή: auto
Προκαταρκτική διαδοχή: Όχι
Ανίμαση: Δεν υποστηρίζεται. Εξέτασε:Αντιστοιχίες αнимации.
Έκδοση: CSS3
Γλώσσα γράφημα JavaScript: object.style.overscrollBehaviorX="none"

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

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

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* Στην Microsoft Edge, η τιμή της ιδιότητας none θεωρείται contain, αυτό είναι λάθος.

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

Αναφορά:Πρότυπο CSS overscroll-behavior

Αναφορά:Πρότυπο CSS overscroll-behavior-block

Αναφορά:Πρότυπο CSS overscroll-behavior-inline

Αναφορά:Πρότυπο CSS overscroll-behavior-y

Αναφορά:Πρότυπο CSS scroll-behavior

Αναφορά:Πρότυπο CSS scroll-margin

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

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