Πώς μπορώ να κάνω τη θέση μου κολλώδη;

2024 Συγγραφέας: Lynn Donovan | [email protected]. Τελευταία τροποποίηση: 2023-12-15 23:45

Για να δω ο επίδραση του κολλώδης τοποθέτηση, επιλέξτε η θεση : κολλώδης και κάντε κύλιση σε αυτό το κοντέινερ. ο Το στοιχείο θα μετακινηθεί μαζί με το κοντέινερ του, μέχρι να φτάσει στο ο κορυφή ο δοχείο (ή φθάνει ο μετατόπιση που καθορίζεται στο επάνω μέρος), και στη συνέχεια θα σταματήσει η κύλιση, ώστε να παραμένει ορατή.

Επιπλέον, μπορώ να χρησιμοποιήσω το position sticky;

Υποστήριξη προγράμματος περιήγησης Θέση Κολλώδης υποστηρίζεται από όλα τα μεγάλα σύγχρονα προγράμματα περιήγησης, εκτός από τον παλιό IE. Για προγράμματα περιήγησης Safari εσείς θα πρέπει να προσθέσετε το πρόθεμα -webkit.

γιατί η θέση μου είναι κολλώδης δεν λειτουργεί; Έτσι σε περίπτωση που βρεθείτε σε μια κατάσταση όπου θέση : -webkit- το sticky δεν λειτουργεί , ένα heads-up: ελέγξτε για να δείτε αν το στοιχείο που θέλετε θέση όπως και κολλώδης είναι δεν ένα θυγατρικό ενός γονικού στοιχείου του οποίου η υπερχείλιση έχει οριστεί ως κρυφή. Επίσης, πρέπει να ορίσετε την επάνω ιδιότητα του στοιχείου που θέλετε θέση κολλώδης.

Επίσης για να ξέρετε, πώς κάνετε ένα στοιχείο να κολλάει;

Προς το φτιαχνω, κανω ένα στοιχείο κολλώδες , κάνω : make_sticky('# κολλώδης -elem-id'); Οταν ο στοιχείο γίνεται κολλώδης , ο κώδικας διαχειρίζεται τη θέση του εναπομείναντος περιεχομένου για να το εμποδίσει να μεταπηδήσει στο κενό που αφήνει το κολλώδες στοιχείο . Επιστρέφει επίσης το κολλώδες στοιχείο στο αρχικό του μη- κολλώδης θέση κατά την κύλιση προς τα πίσω από πάνω του.

Τι κάνει το position sticky;

Ένα στοιχείο με θέση : κολλώδης ; τοποθετείται με βάση την κύλιση του χρήστη θέση . ΕΝΑ κολλώδης Το στοιχείο εναλλάσσεται μεταξύ σχετικού και σταθερού, ανάλογα με την κύλιση θέση . Τοποθετείται σε σχέση μέχρι μια δεδομένη μετατόπιση θέση συναντάται στο παράθυρο προβολής - μετά "κολλάει" στη θέση του (όπως θέση :σταθερός).