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