CSS overscroll-behavior-y ιδιότητα

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

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

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

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

Παράδειγμα

Κλείστε την αλυσίδα κύλισης του διαφημιζόμενου <div> στοιχείου:

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

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

Γλωσσάρα CSS

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

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

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

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

Προεπιλεγμένη τιμή: auto
Παράδοση: Όχι
Προσκόλληση κίνησης: Δεν υποστηρίζεται. Δείτε:Ιδιότητες σχετικές με την κίνηση.
Έκδοση: CSS3
Γλωσσάρα JavaScript: object.style.overscrollBehaviorY="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-x ιδιότητα

Παρατηρήσεις:CSS scroll-behavior ιδιότητα

Παρατηρήσεις:CSS scroll-margin ιδιότητα

Παρατηρήσεις:CSS scroll-padding ιδιότητα

Παρατηρήσεις:CSS scroll-snap-align ιδιότητα