स्थिति
कोनों तत्व कें स्थिति कें जल्दी सं कॉन्फ़िगर करय कें लेल इ आशुलिपि उपयोगितायक कें उपयोग करूं.
सामान्य मूल्य
त्वरित स्थिति वर्ग उपलब्ध अछि, यद्यपि ओ प्रतिक्रियाशील नहि अछि ।
<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>