Θέση

Σταθερή κορυφή

Τοποθετήστε ένα στοιχείο στο επάνω μέρος της θύρας προβολής, από άκρη σε άκρη. Βεβαιωθείτε ότι κατανοείτε τις συνέπειες της σταθερής θέσης στο έργο σας. ίσως χρειαστεί να προσθέσετε επιπλέον CSS.

<div class="fixed-top">...</div>

Σταθερός πάτος

Τοποθετήστε ένα στοιχείο στο κάτω μέρος της θύρας προβολής, από άκρη σε άκρη. Βεβαιωθείτε ότι κατανοείτε τις συνέπειες της σταθερής θέσης στο έργο σας. ίσως χρειαστεί να προσθέσετε επιπλέον CSS.

<div class="fixed-bottom">...</div>

Κολλώδες τοπ

Τοποθετήστε ένα στοιχείο στο επάνω μέρος της θύρας προβολής, από άκρη σε άκρη, αλλά μόνο αφού το προσπεράσετε με κύλιση. Το .sticky-topβοηθητικό πρόγραμμα χρησιμοποιεί CSS position: sticky, το οποίο δεν υποστηρίζεται πλήρως σε όλα τα προγράμματα περιήγησης.

<div class="sticky-top">...</div>

Κολλώδες επάνω μέρος που ανταποκρίνεται

Υπάρχουν επίσης αποκριτικές παραλλαγές για τη .sticky-topχρησιμότητα.

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>