پوزیشن
کسی عنصر کی پوزیشن کو تیزی سے ترتیب دینے کے لیے ان شارٹ ہینڈ یوٹیلیٹیز کا استعمال کریں۔
مشترکہ اقدار
فوری پوزیشننگ کلاسز دستیاب ہیں، حالانکہ وہ جوابدہ نہیں ہیں۔
فکسڈ ٹاپ
ایک عنصر کو ویو پورٹ کے اوپری حصے میں، کنارے سے کنارے تک رکھیں۔ یقینی بنائیں کہ آپ اپنے پروجیکٹ میں فکسڈ پوزیشن کے اثرات کو سمجھتے ہیں۔ آپ کو اضافی CSS شامل کرنے کی ضرورت پڑ سکتی ہے۔
فکسڈ نیچے
ایک عنصر کو ویو پورٹ کے نیچے، کنارے سے کنارے تک رکھیں۔ یقینی بنائیں کہ آپ اپنے پروجیکٹ میں فکسڈ پوزیشن کے اثرات کو سمجھتے ہیں۔ آپ کو اضافی CSS شامل کرنے کی ضرورت پڑ سکتی ہے۔
چپچپا ٹاپ
ایک عنصر کو ویو پورٹ کے اوپری حصے میں ایک کنارے سے کنارے تک رکھیں، لیکن صرف اس کے بعد جب آپ اس سے گزر جائیں۔ .sticky-top
یوٹیلیٹی CSS's کا استعمال کرتی position: sticky
ہے، جو تمام براؤزرز میں مکمل طور پر تعاون یافتہ نہیں ہے۔
IE11 اور IE10 بطور رینڈر ہوں position: sticky
گے position: relative
۔ اس طرح، ہم اسٹائلز کو @supports
استفسار میں لپیٹتے ہیں، چپچپا پن کو صرف براؤزرز تک محدود کرتے ہیں جو اسے صحیح طریقے سے پیش کر سکتے ہیں۔