in English
स्थितिः
तत्त्वस्य स्थितिं शीघ्रं विन्यस्तुं एतेषां सहायकानां उपयोगं कुर्वन्तु ।
इस पृष्ठ पर
स्थिर शीर्ष
दृश्यपोर्ट् इत्यस्य उपरि, धारात् धारपर्यन्तं, एकं तत्त्वं स्थापयन्तु । सुनिश्चितं कुरुत यत् भवान् स्वप्रकल्पे नियतस्थानस्य शाखाबद्धतां अवगच्छति; भवद्भिः अतिरिक्तं 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>