थां

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

आम मूल्यां दा

क्विक पोजीशनिंग क्लासां उपलब्ध न, हालांकि एह् प्रतिक्रियाशील नेईं न।

<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's दा उपयोग करदी ऐ , position: stickyजेह् ड़ी सारे ब्राउज़रें च पूरी चाल्ली समर्थत नेईं ऐ ।

position: stickyआईई11 ते आईई10 दे रूप च रेंडर करग position: relative. इस चाल्ली, अस शैलियें गी इक @supportsक्वेरी च लपेटने आं, चिपचिपाहट गी सिर्फ उनें ब्राउज़रें तगर सीमित करदे आं जेह् ड़े इसगी ठीक ढंगै कन्नै रेंडर करी सकदे न।

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