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>