स्थिति

फिक्स्ड टॉप

व्यूपोर्ट क' ऊपर, किनार सँ किनार धरि, कोनो तत्व केँ राखू. सुनिश्चित करू जे अहाँ अपन प्रोजेक्ट मे निश्चित स्थितिक शाखाबद्धता केँ बुझैत छी; अहाँकेँ अतिरिक्त सीएसएस जोड़बाक आवश्यकता भ' सकैत अछि.

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

फिक्स्ड तल

व्यूपोर्ट क' निचला भाग मे, किनार सँ किनार धरि कोनो तत्व केँ राखू. सुनिश्चित करू जे अहाँ अपन प्रोजेक्ट मे निश्चित स्थितिक शाखाबद्धता केँ बुझैत छी; अहाँकेँ अतिरिक्त सीएसएस जोड़बाक आवश्यकता भ' सकैत अछि.

<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>