वेबकिट स्टिकी क्या है?
वेबकिट स्टिकी क्या है?

वीडियो: वेबकिट स्टिकी क्या है?

वीडियो: वेबकिट स्टिकी क्या है?
वीडियो: भूली हुई सीएसएस स्थिति 2024, नवंबर
Anonim

पद : चिपचिपा करने का एक नया तरीका है पद तत्व और अवधारणात्मक रूप से समान है पद : तय. अंतर यह है कि एक तत्व के साथ पद : चिपचिपा जैसा व्यवहार करता है पद : अपने माता-पिता के भीतर रिश्तेदार, जब तक कि व्यूपोर्ट में दी गई ऑफ़सेट सीमा पूरी नहीं हो जाती।

इसके अलावा, चिपचिपा स्थिति क्या करती है?

के साथ एक तत्व पद : चिपचिपा ; उपयोगकर्ता के स्क्रॉल के आधार पर स्थित है पद . ए चिपचिपा स्क्रॉल के आधार पर तत्व सापेक्ष और निश्चित के बीच टॉगल करता है पद . यह किसी दिए गए ऑफ़सेट तक सापेक्ष स्थित है पद व्यूपोर्ट में मिलता है - फिर यह जगह में "चिपक जाता है" (जैसे पद : फिक्स्ड)।

कोई यह भी पूछ सकता है कि मैं अपनी स्थिति को चिपचिपा कैसे बना सकता हूं? का प्रभाव देखने के लिए चिपचिपा स्थिति , को चुनिए पद : चिपचिपा विकल्प और इस कंटेनर को स्क्रॉल करें। तत्व अपने कंटेनर के साथ स्क्रॉल करेगा, जब तक कि यह कंटेनर के शीर्ष पर न हो (या शीर्ष में निर्दिष्ट ऑफ़सेट तक पहुंच जाए), और फिर स्क्रॉल करना बंद कर देगा, इसलिए यह दृश्यमान रहता है।

क्या मैं चिपचिपा स्थिति का उपयोग कर सकता हूं?

ब्राउज़र समर्थन स्थिति चिपचिपा पुराने IE को छोड़कर, सभी प्रमुख आधुनिक ब्राउज़रों द्वारा समर्थित है। सफारी ब्राउज़र के लिए आप मर्जी -webkit उपसर्ग जोड़ने की जरूरत है।

स्टिकी और फिक्स्ड पोजीशन में क्या अंतर है?

विशिष्ट विवरण में जाने के बिना, पद : चिपचिपा मूल रूप से कार्य करता है पद : सापेक्ष जब तक कोई तत्व किसी विशिष्ट ऑफ़सेट से आगे स्क्रॉल नहीं किया जाता है, जिस स्थिति में यह बदल जाता है पद : तय , तत्व को "छड़ी" करने का कारण बनता है पद दृश्य से बाहर स्क्रॉल किए जाने के बजाय।

सिफारिश की: