Η overscroll-behaviorιδιότητα στο CSS ελέγχει εάν ένα στοιχείο θα χρησιμοποιεί "κύλιση αλυσίδας" ή όχι. Πιθανότατα έχετε βιώσει αυτήν τη συμπεριφορά στο παρελθόν και ίσως το θεωρήσατε δεδομένο ότι η κύλιση λειτουργεί έτσι στον ιστό! Εάν βρίσκεστε μέσα σε ένα στοιχείο που έχει τη δική του κύλιση (ας πούμε ότι είναι κατακόρυφο) και έχετε πραγματοποιήσει κύλιση προς τα κάτω, τότε από προεπιλογή, το επόμενο γονικό στοιχείο προς τα πάνω (ίσως η ίδια η σελίδα) αρχίζει να μετακινείται προς αυτήν την κατεύθυνση. Εάν δεν θέλετε αυτήν την προεπιλογή, overscroll-behaviorείναι αυτό που την ελέγχει.
.stop-scroll-chaining ( overscroll-behavior: contain; /* or "none" */ )Δείτε την
υπερβολική συμπεριφορά της πένας του Chris Coyier (@chriscoyier)
στο CodePen.
Η επικάλυψη της ιδιοκτησίας (δηλαδή, κληρονομείται), οπότε αν δεν σας αρέσει κάποιο στοιχείο να το κάνει, θα μπορούσατε να το εφαρμόσετε στο σώμα για να το αποτρέψετε από το να συμβεί οπουδήποτε:
body ( overscroll-behavior: contain; /* or "none" */ )Η noneτιμή υποτίθεται ότι θα σταματήσει το υπερβολικό περιθώριο κέρδους , το οποίο η καλύτερη εικασία μου σημαίνει ότι πράγματα όπως αυτά από καουτσούκ που κάνουν ορισμένα προγράμματα περιήγησης, ειδικά συσκευές με κύλιση στην επιφάνεια αφής.
Η προεπιλεγμένη τιμή είναι auto.
Πόροι
- Επίπεδο 1 CSS Overscroll Behavior Module
- Ειδήσεις πλατφόρμας Ιστού
Υποστήριξη προγράμματος περιήγησης
Αυτά τα δεδομένα υποστήριξης του προγράμματος περιήγησης προέρχονται από την Caniuse, η οποία έχει περισσότερες λεπτομέρειες. Ένας αριθμός υποδεικνύει ότι το πρόγραμμα περιήγησης υποστηρίζει τη λειτουργία σε αυτήν την έκδοση και νεότερη.
Επιφάνεια εργασίας
| Χρώμιο | Firefox | ΙΕ | Ακρη | Σαφάρι |
|---|---|---|---|---|
| 65 | 59 | 11 | 79 | Οχι |
Κινητό / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | Οχι |
- φίλτρο σκηνικού
- οπίσθια όψη
- Ιστορικό
- φόντο-συνημμένο
- λειτουργία φόντου-μίγματος
- φόντο-κλιπ
- χρώμα του φόντου
- εικόνα φόντου
- φόντο-προέλευση
- φόντο-θέση
- επανάληψη φόντου
- μέγεθος φόντου
- αιμορραγώ
- υπερ-υπερχείλιση
- σύνορο
- σύνορα-όριο
- κατάρρευση συνόρων
- περίγραμμα-εικόνα
- ακτίνα περιγράμματος
- διάκενα
- κάτω μέρος
- κουτί-διακόσμηση-διάλειμμα
- κουτί-σκιά
- μέγεθος κουτιού
- σπάστε μέσα
- υπότιτλος
- αγκύλη
- χρώμα καρέ
- σχήμα καρέ
- Σαφή
- κλιπ-διαδρομή
- χρώμα
- προσαρμογή χρώματος
- μέτρηση στήλης
- συμπλήρωση στήλης
- κενό-στήλη
- κανόνας στήλης
- στήλη-κανόνας-χρώμα
- στυλ στήλης-κανόνα
- στήλη-κανόνας-πλάτος
- στήλη-εύρος
- πλάτος στήλης
- στήλες
- περιέχω
- περιεχόμενο
- αντίθετη αύξηση
- αντίθετη επαναφορά
- αντίθετο σετ
- δρομέας
- κατεύθυνση
- απεικόνιση
- κενά κελιά
- γέμισμα
- φίλτρο
- καλώδιο
- ευέλικτη βάση
- ευέλικτη κατεύθυνση
- ευέλικτη ροή
- εύκαμπτη ανάπτυξη
- εύκαμπτη συρρίκνωση
- flex-wrap
- φλοτέρ
- γραμματοσειρά
- οθόνη γραμματοσειράς
- οικογένεια γραμματοσειρών
- Ρυθμίσεις γραμματοσειράς-λειτουργίας
- γραμματοσειρά
- οπτικό μέγεθος γραμματοσειράς
- μέγεθος γραμματοσειράς
- προσαρμογή μεγέθους γραμματοσειράς
- γραμματοσειρά
- στυλ γραμματοσειράς
- σύνθεση γραμματοσειρών
- παραλλαγή γραμματοσειράς
- γραμματοσειρά-παραλλαγή-αριθμητική
- βάρος γραμματοσειράς
- χάσμα
- πλέγμα-γραμμή / πλέγμα-στήλη
- πλέγμα-πρότυπο-στήλες / πλέγμα-πρότυπο-σειρές
- κρεμαστό-στίξη
- ύψος
- παύλες
- απόδοση εικόνας
- αρχικό γράμμα
- ενσωματωμένο μέγεθος
- ένθεση
- ένθετο μπλοκ
- inset-block-end
- inset-block-έναρξη
- inset-inline
- inset-inline-end
- inset-inline-έναρξη
- απομόνωση
- δικαιολογήστε-περιεχόμενο
- αιτιολόγηση-αντικείμενα
- αριστερά
- διαχωρισμός γραμμάτων
- διακοπή της γραμμής
- σφιγκτήρας γραμμής
- ύψος γραμμής
- στυλ λίστας
- περιθώριο
- μπλοκ περιθωρίου
- margin-block-end
- margin-block-έναρξη
- margin-inline
- margin-inline-end
- margin-inline-έναρξη
- μάσκα-κλιπ
- μάσκα-εικόνα
- λειτουργία μάσκας
- προέλευση μάσκας
- θέση μάσκας
- επαναλάβετε τη μάσκα
- μέγεθος μάσκας
- μέγιστο ύψος
- μέγιστο μέγεθος inline
- μέγιστο πλάτος
- ελάχιστο ύψος
- ελάχιστο πλάτος
- λειτουργία mix-blend
- προσαρμογή αντικειμένου
- αντικείμενο-θέση
- όφσετ-άγκυρα
- μετατόπιση-απόσταση
- μετατόπιση-διαδρομή
- μετατόπιση-περιστροφή
- αδιαφάνεια
- Σειρά
- ορφανά
- περίγραμμα
- περίγραμμα-μετατόπιση
- ξεχείλισμα
- υπερχείλιση-άγκυρα
- υπερχείλιση-περιτύλιγμα
- υπερβολική συμπεριφορά
- υλικό παραγεμίσματος
- διάλειμμα σελίδας
- παραγγελία χρωμάτων
- προοπτική
- προοπτική-προέλευση
- αντικείμενα θέσης
- δείκτες-εκδηλώσεις
- θέση
- αποσπάσματα
- αλλαγή μεγέθους
- σωστά
- διαφορά γραμμής
- κύλιση-συμπεριφορά
- περιθώριο κύλισης
- κύλιση-επένδυση
- κύλιση-snap-align
- κύλιση-snap-stop
- κύλιση-snap-type
- γραμμή κύλισης
- χρώμα γραμμής κύλισης
- γραμμή κύλισης-υδρορροή
- πλάτος γραμμής κύλισης
- σχήμα-εικόνα-κατώφλι
- σχήμα-περιθώριο
- σχήμα-έξω
- μιλώ
- Εγκεφαλικό
- εγκεφαλικό επεισόδιο
- εγκεφαλικό επεισόδιο
- χτύπημα-linecap
- εγκεφαλικό επεισόδιο
- πλάτος εγκεφαλικού επεισοδίου
- μέγεθος καρτέλας
- διάταξη πίνακα
- στοίχιση κειμένου
- text-align-last
- κείμενο-συνδυασμός-όρθιος
- κείμενο-διακόσμηση
- κείμενο-διακόσμηση-χρώμα
- κείμενο-διακόσμηση-γραμμή
- κείμενο-διακόσμηση-παράλειψη
- κείμενο-διακόσμηση-παράλειψη-μελάνι
- κείμενο-διακόσμηση-στυλ
- κείμενο-διακόσμηση-πάχος
- κείμενο-εσοχή
- αιτιολόγηση κειμένου
- προσανατολισμός κειμένου
- υπερχείλιση κειμένου
- απόδοση κειμένου
- κείμενο-σκιά
- κτύπημα κειμένου
- μετατροπή κειμένου
- κείμενο-υπογράμμιση-μετατόπιση
- κείμενο-υπογράμμιση-θέση
- πάνω / κάτω / αριστερά / δεξιά
- αφής-δράση
- μεταμορφώνω
- μετασχηματισμός
- μετασχηματισμός
- μετάβαση
- μετάβαση-καθυστέρηση
- διάρκεια μετάβασης
- μεταβατική ιδιοκτησία
- λειτουργία μετάβασης-χρονισμού
- unicode-bidi
- unicode-range
- επιλογή χρήστη
- κατακόρυφη ευθυγράμμιση
- ορατότητα
- λευκός χώρος
- χήρες
- πλάτος
- θα αλλάξει
- διάλειμμα λέξεων
- διαχωρισμός λέξεων
- λειτουργία γραφής
- ευρετήριο z
- ανίπταμαι διαγωνίως
- ΕΝΑ
- ::πριν μετα
- :ενεργός
- : οποιοσδήποτε σύνδεσμος
- Δίπλα αδέλφια
- (Χαρακτηριστικό)
- σι
- :κενό
- ντο
- :τετραγωνισμένος
- :ρεύμα
- Παιδί
- Τάξη
- ρε
- :Προκαθορισμένο
- : dir ()
- :άτομα με ειδικές ανάγκες
- Απόγονος
- μι
- :αδειάζω
- : ενεργοποιημένο
- φά
- ::πρώτο γράμμα
- ::πρώτη γραμμή
- :πρώτο παιδί
- : πρώτου τύπου
- :Συγκεντρώνω
- : ορατή εστίαση
- : εστίαση-μέσα
- :μελλοντικός
- σολ
- Γενικός αδελφός
- Η
- :φτερουγίζω
- Εγώ
- : εντός εμβέλειας
- :ακαθόριστος
- :Μη έγκυρο
- :είναι()
- ταυτότητα
- Ι
- κ
- μεγάλο
- : lang ()
- :τελευταίο παιδί
- : τελευταίο είδος
- :Σύνδεσμος
- Μ
- ::σημάδι
- : αγώνες ()
- Ν
- :δεν()
- : ένατο παιδί
- : το τελευταίο παιδί
- : nth-last-of-type
- : nth-of-type
- Ο
- :μοναχοπαίδι
- : μόνο του τύπου
- :προαιρετικός
- :εκτός εμβέλειας
- Π
- :: σύμβολο κράτησης θέσης
- :το παρελθόν
- : το σύμβολο κράτησης θέσης
- Ερ
- Ρ
- : read-write /: μόνο για ανάγνωση
- :απαιτείται
- :ρίζα
- μικρό
- ::επιλογή
- Τ
- :στόχος
- Τύπος
- Ε
- : μη έγκυρος χρήστης
- Παγκόσμιος
- Β
- :έγκυρος
- : επισκέφτηκε
- Δ
- Χ
- Γ
- Ζ
Frontend Masters
Χρειάζεστε εκπαίδευση ανάπτυξης πρώτης γραμμής;
Το Frontend Masters είναι το καλύτερο μέρος για να το αποκτήσετε. Έχουν μαθήματα για όλες τις πιο σημαντικές τεχνολογίες front-end, από το React έως το CSS, από το Vue έως το D3 και μετά με το Node.js και το Full Stack.