Source

پوزیشن

کسی عنصر کی پوزیشن کو تیزی سے ترتیب دینے کے لیے ان شارٹ ہینڈ یوٹیلیٹیز کا استعمال کریں۔

مشترکہ اقدار

فوری پوزیشننگ کلاسز دستیاب ہیں، حالانکہ وہ جوابدہ نہیں ہیں۔

<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>

فکسڈ ٹاپ

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

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

فکسڈ نیچے

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

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

چپچپا ٹاپ

ایک عنصر کو ویو پورٹ کے اوپری حصے میں ایک کنارے سے کنارے تک رکھیں، لیکن صرف اس کے بعد جب آپ اس سے گزر جائیں۔ .sticky-topیوٹیلیٹی CSS's کا استعمال کرتی position: stickyہے، جو تمام براؤزرز میں مکمل طور پر تعاون یافتہ نہیں ہے۔

IE11 اور IE10 بطور رینڈر ہوں position: stickyگے position: relative۔ اس طرح، ہم اسٹائلز کو @supportsاستفسار میں لپیٹتے ہیں، چپچپا پن کو صرف براؤزرز تک محدود کرتے ہیں جو اسے صحیح طریقے سے پیش کر سکتے ہیں۔

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