გადადით მთავარ შინაარსზე დოკუმენტების ნავიგაციაზე გადასვლა
in English

თანამდებობა

გამოიყენეთ ეს დამხმარეები ელემენტის პოზიციის სწრაფად კონფიგურაციისთვის.

ფიქსირებული ზედა

მოათავსეთ ელემენტი ხედის ზედა ნაწილში, კიდიდან კიდემდე. დარწმუნდით, რომ გესმით ფიქსირებული პოზიციის შედეგები თქვენს პროექტში; შეიძლება დაგჭირდეთ დამატებითი 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>