Studio Editor: स्टिकी एलिमेंट और सेक्शन बनाना
विजिटर के पेज पर ऊपर-नीचे स्क्रॉल करने पर किसी सेक्शन या एलिमेंट को पेज पर स्टिकी बनाएं। जब एलिमेंट या सेक्शन विजिटर के व्यूपोर्ट तक पहुंचता है, तो वह टॉप, बॉटम या दोनों तरफ स्टिकी हो जाता है। आप ऑफसेट सेट कर सकते हैं, यानी टॉप या बॉटम से उसकी दूरी।
Wix Studio के और वेबिनार, ट्यूटोरियल और कोर्स देखने के लिए, हमारी Wix Studio Academy पर जाएं।
क्या आप जानते हैं?
विजिटर के ऊपर-नीचे स्क्रॉल करने पर हेडर का लुक बदलने के लिए, आप हेडर स्क्रॉल इफेक्ट जोड़ सकते हैं। उदाहरण के लिए, स्क्रॉल करने पर हेडर का रंग बदलें या उसे स्क्रीन से हटाएं, ताकि विजिटर पेज पर फोकस कर सकें।
किसी एलिमेंट या सेक्शन पर स्टिकी पोजिशन अप्लाई करना
- अपने एडिटर पर जाएं।
- संबंधित सेक्शन या एलिमेंट चुनें।
- एडिटर में ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन
पर क्लिक करें।
- नीचे स्क्रॉल करके पोजिशन पर जाएं।
- पोजिशन टाइप ड्रॉप-डाउन से स्टिकी चुनें।
- चुनें कि सेक्शन/एलिमेंट कहां स्टिकी होगा: टॉप, बॉटम या बॉटम और टॉप।
- (वैकल्पिक) ऊपर या नीचे स्पेस बनाने के लिए, ऑफसेट वैल्यू डालें।
- इस ऑप्शन को एनेबल या डिसेबल करने के लिए, कीप इन फ्रंट चेकबॉक्स चुनें:
- एनेबल किया गया: सेक्शन/एलिमेंट विजुअली सामने दिखाई देता है, लेकिन पेज के DOM ऑर्डर में उसकी पोजिशन नहीं बदलती।
- डिसेबल किया गया: सेक्शन या एलिमेंट की विजुअल पोजिशन, पेज के DOM ऑर्डर में उसकी पोजिशन से मैच करती है। पेज के ऑर्गनाइजेशन के आधार पर, एलिमेंट/सेक्शन सामने दिखाई नहीं दे सकता।
ध्यान दें:
DOM ऑर्डर, साइट की एक्सेसिबिलिटी, परफॉर्मेंस और सर्च रिजल्ट रैंकिंग का एक अहम हिस्सा है। इसलिए, हम कीप इन फ्रंट एनेबल करने का सुझाव देते हैं। ऐसा करने से पेज का स्ट्रक्चर बना रहता है और आपको मनचाहा विजुअल इफेक्ट भी मिलता है।
स्टिकी पोजिशन हटाना
आप किसी भी समय एलिमेंट और सेक्शन को वापस डिफॉल्ट पोजिशन पर सेट कर सकते हैं। ऐसा करने से व्यूपोर्ट तक पहुंचने पर वे स्क्रीन पर स्टिकी नहीं होते और अपनी पोजिशन पर बने रहते हैं।
स्टिकी पोजिशन हटाने के लिए:
- अपने एडिटर पर जाएं।
- संबंधित सेक्शन या एलिमेंट चुनें।
- एडिटर में ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
- नीचे स्क्रॉल करके पोजिशन पर जाएं।
- पोजिशन टाइप ड्रॉप-डाउन से डिफॉल्ट चुनें।
काम के ट्यूटोरियल
स्टिकी एलिमेंट और सेक्शन की मदद से आप कई दिलचस्प इफेक्ट बना सकते हैं। Wix Studio Academy के ये वीडियो देखें और उपलब्ध ऑप्शन एक्सप्लोर करें: