پوزیشن

فکسڈ ٹاپ

ایک عنصر کو ویو پورٹ کے اوپری حصے میں، کنارے سے کنارے تک رکھیں۔ یقینی بنائیں کہ آپ اپنے پروجیکٹ میں فکسڈ پوزیشن کے اثرات کو سمجھتے ہیں۔ آپ کو اضافی CSS شامل کرنے کی ضرورت پڑ سکتی ہے۔

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

فکسڈ نیچے

ایک عنصر کو ویو پورٹ کے نیچے، کنارے سے کنارے تک رکھیں۔ یقینی بنائیں کہ آپ اپنے پروجیکٹ میں فکسڈ پوزیشن کے اثرات کو سمجھتے ہیں۔ آپ کو اضافی CSS شامل کرنے کی ضرورت پڑ سکتی ہے۔

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

چپچپا ٹاپ

ایک عنصر کو ویو پورٹ کے اوپری حصے میں ایک کنارے سے کنارے تک رکھیں، لیکن صرف اس کے بعد جب آپ اس سے گزر جائیں۔ .sticky-topیوٹیلیٹی CSS's کا استعمال کرتی 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>