स्थिति

कोनों तत्व कें स्थिति कें जल्दी सं कॉन्फ़िगर करय कें लेल इ आशुलिपि उपयोगितायक कें उपयोग करूं.

सामान्य मूल्य

त्वरित स्थिति वर्ग उपलब्ध अछि, यद्यपि ओ प्रतिक्रियाशील नहि अछि ।

<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>

फिक्स्ड टॉप

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

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

फिक्स्ड तल

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

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

चिपचिपा टॉप

कोनो तत्व क॑ व्यूपोर्ट केरऽ ऊपरी भाग म॑, किनारा स॑ किनारे तलक, रखै छै, लेकिन ओकरा पास स॑ स्क्रॉल करला के बाद ही । .sticky-topउपयोगिता CSS केरऽ उपयोग करै छै , position: stickyजे सब ब्राउज़र म॑ पूरा तरह स॑ समर्थित नै छै ।

IE11 आ IE10 के रूप मे रेंडर position: stickyकरत position: relative. ऐन्हऽ म॑ हम्मं॑ स्टाइल क॑ एक @supportsक्वेरी म॑ लपेटै छियै, चिपचिपाहट क॑ केवल वू ब्राउज़र तलक सीमित करी दै छियै जे ओकरा सही तरीका स॑ रेंडर करी सकै छै ।

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