in English
پوزیشن
کسی عنصر کی پوزیشن کو تیزی سے ترتیب دینے کے لیے ان مددگاروں کا استعمال کریں۔
اس صفحہ پر
فکسڈ ٹاپ
ایک عنصر کو ویو پورٹ کے اوپری حصے میں، کنارے سے کنارے تک رکھیں۔ یقینی بنائیں کہ آپ اپنے پروجیکٹ میں فکسڈ پوزیشن کے اثرات کو سمجھتے ہیں۔ آپ کو اضافی 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>