Wix के साथ शुरुआत करनाWix के साथ अपनी वेबसाइट और बिज़नेस बनाएँअपनी वेबसाइट बनाने, टेम्पलेट कस्टमाइज़ करने, या अपनी ऑनलाइन प्रेज़ेंस बेहतर बनाने के लिए प्रोफ़ेशनल्स को हायर करने के लिए हमारे AIटूल्स देखे
वेबसाइट बनानापढ़ें कि Wix एडिटर का इस्तेमाल कैसे करें और अपनी साइट पर कंटेंट कैसे मैनेज करें। जानें कि अपने विज़िटर्स की प्राइवेसी कैसे सुरक्षित रखें और अपनी साइट को एक्सेसिबल कैसे बनाएं।
अकाउंट और बिलिंगअपनी अकाउंट सेटिंग्स देखें, अपने सब्सक्रिप्शन और प्लान मैनेज करें और अपने इनवॉइस समझें.
Wix मोबाइल ऐप का इस्तेमाल करनाअपने बिज़नेस को चलते-फिरते अच्छे से चलाने के लिए हमारे मोबाइल ऐप्स का इस्तेमाल करें और अपनी साइट के मेंबर्स के टच में रहने के लिए एक खास ऐप सेट अप करें।
डोमेन कनेक्ट करनाअपनी साइट के लिए डोमेन खरीदने, कनेक्ट करने या ट्रांसफर करने का तरीका जानने के लिए हमारे स्टेप-बाय-स्टेप गाइड को फॉलो करें, और जानें कि अपनी साइट का डेटा कैसे सुरक्षित रखें।
अपना बिज़नेस मैनेज़ करनाअपने बिज़नेस और वेब प्रेजेंस को बढ़ाने के लिए टूल्स लें। अपनी खास ज़रूरतों के लिए सही टूल्स ढूंढें, ऑनलाइन पेमेंट सेट अप करें और अपनी साइट के एनालिटिक्स पर नज़र रखें।
अपनी साईट प्रमोट करना सर्च इंजन पर इसे प्रमोट करके, ईमेल भेजकर और पेड ऐड चलाकर अपनी साइट को ज़्यादा विज़िबल बनाना सीखें। प्रैक्टिकल टिप्स से अपनी ऑनलाइन प्रेजेंस को बेहतर बनाएं।
स्टूडियो, पार्टनर और एंटरप्राइअपने स्टूडियो या एंटरप्राइज़ अकाउंट का ज़्यादा से ज़्यादा फ़ायदा उठाएँ, एडवांस्ड फ़ीचर्स के साथ जो आपको ज़्यादा अच्छे से काम करने में मदद करेंगे.
और अधिक मदद की आवश्यकता है?साइट परफॉर्मेंस और टेक्निकल दिक्कतों के लिए सॉल्यूशन ढूंढें, उन दिक्कतों के बारे में जानें जिन्हें हम ठीक करने पर काम कर रहे हैं या मदद के लिए हमसे कॉन्टैक्ट करें।
placeholder-preview-image
Wix Learnहमारे कोर्सेज़ और ट्यूटोरियल के ज़रिए अपने स्किल्स का विकास करें।
Wix ब्लॉगवेब डिज़ाइन, मार्केटिंग आदि के लिए सुझाव पाएं।
SEO लर्निंग हबसर्च इंजन से ऑर्गेनिक साइट ट्रैफिक बढ़ाना सीखें।
वेबसाइट विकासहमारे फ़ुल-स्टैक प्लेटफ़ॉर्म का उपयोग करके एक कस्टम साइट बनाएं।
placeholder-preview-image

Studio एडिटर: हेडर स्क्रॉल इफ़ेक्ट जोड़ना


स्मूद ट्रांज़िशन इफ़ेक्ट लागू करके, स्क्रॉल करने के दौरान हेडर के व्यवहार को बेहतर बनाएं। जब विज़िटर पेज पर नीचे जाएं, तो आप हेडर को फ़ेड आउट कर सकते हैं या स्लाइड करके स्क्रीन से बाहर कर सकते हैं। हेडर को बिना ध्यान भटकाए विज़िबल रखने के लिए, आप उसका फ़िल कलर और अपारदर्शिता भी एडजस्ट कर सकते हैं।

इस तरीके से न सिर्फ़ साइट विज़िटर का अनुभव बेहतर होता है, बल्कि फ़ोकस भी कॉन्टेंट पर बना रहता है। इससे आपके क्लाइंट की साइट्स पॉलिश्ड और प्रोफ़ेशनल दिखती हैं।
Studio एडिटर पर बनी साइट का उदाहरण, जिसमें विज़िटर के नीचे स्क्रॉल करने पर हेडर फ़्रीज़ रहता है और हरे रंग में बदल जाता है

हेडर स्क्रॉल इफ़ेक्ट जोड़ना और सेट अप करना

हेडर कितना दिखाई देना चाहिए, इसके आधार पर चुनें कि वह कैसे व्यवहार करे। उदाहरण के लिए, हेडर को हमेशा विज़िबल रखने के लिए आप उसे फ़्रीज़ कर सकते हैं। विज़िटर को पेज के कॉन्टेंट पर फ़ोकस करने देने के लिए, आप हेडर को स्क्रीन से बाहर भी मूव कर सकते हैं।
टिप:
स्क्रॉल इफ़ेक्ट सिर्फ़ उस पेज पर लागू होता है जिस पर आप अभी काम कर रहे हैं।

हेडर पर स्क्रॉल इफ़ेक्ट लागू करने के लिए:

  1. हेडर चुनें।
  2. एडिटर के सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio एडिटर में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. हेडर सेटिंग्स के नीचे, कोई स्क्रॉल इफ़ेक्ट चुनें और उसे सेट अप करें:
Studio एडिटर में एक हेडर और इंस्पेक्टर पैनल, जिसमें 'डिसअपियर' स्क्रॉल इफेक्ट जोड़ा जा रहा है

स्क्रॉल करने पर हेडर का बैकग्राउंड कलर बदलना

हेडर के लिए चुने गए स्क्रॉल इफेक्ट के साथ, आप विज़िटर के नीचे स्क्रॉल करने पर उसका कलर भी बदल सकते हैं। ऐसा करने से हेडर पर और ज़्यादा ध्यान जाता है और विज़िटर इसे आसानी से देख पाते हैं।
टिप:
यह सेटिंग उन सभी पेज पर लागू होती है जहां हेडर दिखाई देता है।

स्क्रॉल करने पर हेडर का बैकग्राउंड कलर बदलने के लिए:

  1. हेडर चुनें।
  2. एडिटर में सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio एडिटर में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. डिज़ाइन के नीचे, कलर व्हाइल स्क्रॉलिंग टॉगल को ऑन करें।
  2. कोई दूसरा कलर चुनने के लिए कलर बॉक्स पर क्लिक करें।
  3. (वैकल्पिक) ओपेसिटी बदलने के लिए स्लाइडर को ड्रैग करें।
Studio एडिटर में एक हेडर और इंस्पेक्टर पैनल, जिसमें 'कलर व्हाइल स्क्रॉलिंग' टॉगल को ऑन किया जा रहा है ताकि हेडर हरा हो जाए

स्क्रॉल इफेक्ट हटाना

आप हेडर में पहले जोड़ा गया स्क्रॉल इफेक्ट कभी भी हटा सकते हैं।

स्क्रॉल इफेक्ट हटाने के लिए:

  1. हेडर चुनें।
  2. एडिटर में सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio एडिटर में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. चुनें कि आप क्या बंद करना चाहते हैं:
    • स्क्रॉल इफेक्ट: ड्रॉप-डाउन से स्क्रॉल विद साइट ऑप्शन चुनें।
    • कलर वाइल स्क्रॉलिंग: यह इफेक्ट हटाने के लिए टॉगल बंद करें।
हेडर से स्क्रॉल इफेक्ट हटाने के लिए जरूरी सेटिंग्स को हाइलाइट करता स्क्रीनशॉट।

एडवांस्ड हेडर सेटिंग्स के साथ काम करना

इंस्पेक्टर में एडवांस्ड सेटिंग्स ऑन करने से आपको हेडर स्क्रॉल इफेक्ट पर ज्यादा बारीकी से कंट्रोल मिलता है। इस व्यू में आप पोजिशन टाइप (जैसे पिन्ड या स्टिकी) और ट्रांजिशन (जैसे मूव या फेड) को अलग-अलग एडजस्ट कर सकते हैं। ऐसा करने से आप हमारे प्रीसेट के बजाय अपना इफेक्ट बना सकते हैं।
ध्यान दें:
डिफ़ॉल्ट रूप से, पिन्ड हेडर अगले सेक्शन को ओवरलैप करते हैं। अगर आप हेडर को स्क्रीन पर फिक्स रखना चाहते हैं, लेकिन नहीं चाहते कि वह अगले सेक्शन को ओवरलैप करे, तो इसे स्टिकी बना सकते हैं।

एडवांस्ड सेटिंग्स ऑन करने के लिए:

  1. हेडर चुनें।
  2. एडिटर में सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio एडिटर में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. साइज़ के आगे मौजूद मोर एक्शंस आइकन पर क्लिक करें।
  2. एडवांस्ड सेटिंग्स टॉगल ऑन करें।
  3. हेडर सेटिंग्स के तहत हेडर स्क्रॉल इफेक्ट एडजस्ट करें:
    • कोई पोजिशन टाइप चुनें (जैसे पिन्ड या स्टिकी)।
    • हेडर और पेज के सबसे ऊपरी हिस्से के बीच कुछ दूरी रखने के लिए ऑफसेट जोड़ें।
    • ट्रांजिशन टॉगल ऑन करके मूव या फेड इफेक्ट जोड़ें।
    • कलर वाइल स्क्रॉलिंग जोड़ें (डिज़ाइन के तहत)।
हेडर के लिए एडवांस्ड सेटिंग्स टॉगल ऑन करते हुए दिखाने वाला GIF।