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>