Πώς φτιάχνεις ένα div stick στα αριστερά;
Πώς φτιάχνεις ένα div stick στα αριστερά;

Βίντεο: Πώς φτιάχνεις ένα div stick στα αριστερά;

Βίντεο: Πώς φτιάχνεις ένα div stick στα αριστερά;
Βίντεο: Πώς να χρησιμοποιήσετε ξυλάκια 2024, Ενδέχεται
Anonim

2 Απαντήσεις. Σειρά ο div να έχει στυλ «θέση:σταθερή» και μετά σειρά " αριστερά :0px;top:0px". Αυτό κάνει το div stick στην κορυφή αριστερά του προγράμματος περιήγησης αντί της σχετικής θέσης του στη ροή HTML.

Ομοίως, πώς μπορώ να κάνω ένα div να κολλήσει στο κάτω μέρος ενός άλλου div;

Αν θέλετε να τοποθετηθεί στο κάτω μέρος αλλά μέσα στον γονιό div στη συνέχεια χρησιμοποιήστε κάτω μέρος :0 αντί. Μπορείτε να χρησιμοποιήσετε αριστερά:0 για να το ευθυγραμμίσετε στα αριστερά κάτω μέρος ή δεξιά:0 για να το ευθυγραμμίσετε στα δεξιά. Ορίστε το πλάτος και το ύψος του γονέα div με τη θέση του ως σχετική.

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

Έτσι, πώς μπορείτε να κάνετε ένα Div κολλώδες;

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

Τι είναι η κολλητική θέση;

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

Συνιστάται: