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