स्थितिः
तत्त्वस्य स्थितिं शीघ्रं विन्यस्तुं एतेषां सहायकानां उपयोगं कुर्वन्तु ।
स्थिर शीर्ष
दृश्यपोर्टस्य उपरि, धारात् धारपर्यन्तं, एकं तत्त्वं स्थापयन्तु । सुनिश्चितं कुरुत यत् भवान् स्वप्रकल्पे नियतस्थानस्य शाखाबद्धतां अवगच्छति; भवद्भ्यः अतिरिक्तं CSS योजयितुं आवश्यकता भवेत् ।
<div class="fixed-top">...</div>
स्थिर तल
दृश्यपोर्ट् इत्यस्य अधः, धारात् धारपर्यन्तं, एकं तत्त्वं स्थापयन्तु । सुनिश्चितं कुरुत यत् भवान् स्वप्रकल्पे नियतस्थानस्य शाखाबद्धतां अवगच्छति; भवद्भ्यः अतिरिक्तं CSS योजयितुं आवश्यकता भवेत् ।
<div class="fixed-bottom">...</div>
चिपचिपा शीर्ष
viewport इत्यस्य उपरि, edge तः edge यावत्, एकं element स्थापयन्तु, परन्तु केवलं भवन्तः तत् scroll कृत्वा एव ।
<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>
चिपचिपा तल
viewport इत्यस्य अधः एकं element स्थापयन्तु, edge तः edge यावत्, परन्तु केवलं भवन्तः तत् scroll कृत्वा एव ।
<div class="sticky-bottom">...</div>
प्रतिक्रियाशील चिपचिपा तल
.sticky-bottomउपयोगितायाः कृते प्रतिक्रियाशीलविविधता अपि विद्यते ।
<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>