Source

दरजा

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

आम मान के बारे में बतावल गइल बा

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

<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>