स्थितिः

स्थिर शीर्ष

दृश्यपोर्टस्य उपरि, धारात् धारपर्यन्तं, एकं तत्त्वं स्थापयन्तु । सुनिश्चितं कुरुत यत् भवान् स्वप्रकल्पे नियतस्थानस्य शाखाबद्धतां अवगच्छति; भवद्भिः अतिरिक्तं CSS योजयितुं आवश्यकता भवेत् ।

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

स्थिर तल

दृश्यपोर्ट् इत्यस्य अधः, धारात् धारपर्यन्तं, एकं तत्त्वं स्थापयन्तु । सुनिश्चितं कुरुत यत् भवान् स्वप्रकल्पे नियतस्थानस्य शाखाबद्धतां अवगच्छति; भवद्भिः अतिरिक्तं CSS योजयितुं आवश्यकता भवेत् ।

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

चिपचिपा शीर्ष

viewport इत्यस्य उपरि, edge तः edge यावत्, एकं element स्थापयन्तु, परन्तु केवलं भवन्तः तत् scroll कृत्वा एव । .sticky-topउपयोगिता CSS's इत्यस्य उपयोगं करोति , 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>