Rellax।js (Pro) के साथ एलिमेंटर लंबन प्रभाव
रिलैक्स एक मास्टर एडॉन्स प्रो एक्सटेंशन है जो रिलैक्स।जेएस लंबन लाइब्रेरी को एलिमेंटर में लाता है इसे एक तत्व के लिए चालू करें, -१० से १० तक की गति सेट करें, और वह तत्व बाकी पृष्ठ की तुलना में तेज या धीमी गति से स्क्रॉल करता है, जो गहराई की भावना पैदा करता है टैबलेट और मोबाइल के लिए एक अलग गति सेट कर सकते हैं, ऊर्ध्वाधर या क्षैतिज दिशा चुन सकते हैं, और अपनी सामग्री के पीछे या सामने परतों को स्थानांतरित करने के लिए जेड-इंडेक्स का उपयोग कर सकते हैं कोई कोड या स्क्रिप्ट लोडिंग की आवश्यकता नहीं है।
एलिमेंटर में लंबन स्क्रॉलिंग प्रभाव कैसे जोड़ें
आपको एलिमेंटर और एक सक्रिय की आवश्यकता है मास्टर एडॉन्स प्रो लाइसेंस।
- को जा मास्टर ऐडऑन, एक्सटेंशन, रिलैक्स चालू करें और सहेजें।
- एलिमेंटर के साथ अपना पेज संपादित करें और उस विजेट का चयन करें जिसे आप स्थानांतरित करना चाहते हैं, जैसे कि छवि, आइकन या आकार।
- उस तत्व के लिए रिलैक्स सेटिंग्स खोलें और चालू करें सक्षम रिलैक्स.
- एक गति सेट करें, उदाहरण के लिए -२ धीमी गति से बहाव के लिए, और इसे टैबलेट और मोबाइल के लिए समायोजित करें।
- लंबवत या क्षैतिज चुनें और Z-सूचकांक सेट करें ताकि परत आपके टेक्स्ट को कवर न करे।
- पृष्ठ का पूर्वावलोकन करें और गति की जांच करने के लिए स्क्रॉल करें।
अधिक विवरण में है रिलैक्स एक्सटेंशन सेटिंग्स.
गति, प्रतिशत और दिशा
गति ०.१ के चरणों में -१० से १० तक चलता है और प्रति डिवाइस सेट किया जा सकता है नकारात्मक मान तत्व को पृष्ठ की तुलना में धीमी गति से चलते हैं, इसलिए यह दूर महसूस करता है, और सकारात्मक मान इसे तेजी से आगे बढ़ाते हैं, इसलिए यह करीब महसूस करता है। प्रतिशत (0 से 1) सेट करता है कि तत्व अपनी गति शुरू होने पर कहां बैठता है, और लंबवत और क्षैतिज विकल्प दिशा चुनते हैं।
- एक नायक के पीछे सजावटी आकृतियों के लिए -1 से -2 का धीमा बहाव।
- सामग्री के सामने फ़्लोटिंग आइकन के लिए एक छोटी सकारात्मक गति।
- मोबाइल पर एक कम गति या ० यदि गति छोटी स्क्रीन पर बहुत मजबूत महसूस करती है।
जेड-इंडेक्स के साथ लेयरिंग
लंबन परतें पाठ और बटन पर स्लाइड कर सकती हैं रिलैक्स एक जोड़ता है जेड-इंडेक्स -१ से ५० तक सेटिंग, ताकि आप अपनी सामग्री के नीचे एक चलती पृष्ठभूमि परत रख सकें और इसके ऊपर एक अग्रभूमि आकार रिलैक्स पूरे तत्व को स्थानांतरित करता है, न कि इसकी पृष्ठभूमि छवि, इसलिए उस छवि को रखें जिसे आप अपने स्वयं के छवि विजेट में स्थानांतरित करना चाहते हैं।
- परतों के लिए -१ का उपयोग करें जो सामग्री के पीछे बैठना चाहिए।
- हेडलाइंस और बटन को चलती परतों के रास्ते से दूर रखें।
- प्रकाशित करने से पहले वास्तविक फ़ोन पर स्क्रॉल का परीक्षण करें।
एलिमेंटर मोशन इफेक्ट्स बनाम मास्टर एडॉन्स रिलैक्स
एलिमेंटर प्रो में पहले से ही स्क्रॉलिंग प्रभाव के साथ मोशन इफेक्ट्स हैं यहां बताया गया है कि दोनों की तुलना कैसे की जाती है।
| फ़ीचर | एलिमेंटर प्रो मोशन इफेक्ट्स | मास्टर एडॉन्स रिलैक्स |
|---|---|---|
| कीमत | एलिमेंट प्रो की जरूरत है | मास्टर एडॉन्स प्रो की आवश्यकता है |
| स्क्रॉल आंदोलन | गति और व्यूपोर्ट रेंज के साथ लंबवत और क्षैतिज स्क्रॉल | Rellax।js गति -10 से 10, ऊर्ध्वाधर या क्षैतिज |
| अन्य स्क्रॉल प्रभाव | पारदर्शिता, धुंधलापन, घूमना और स्केल | कोई नहीं, केवल आंदोलन |
| माउस प्रभाव | माउस ट्रैक और ३ डी झुकाव | नहीं |
| पृष्ठभूमि लंबन | अनुभागों और कंटेनरों पर पृष्ठभूमि गति प्रभाव | पूरे तत्व को स्थानांतरित करता है |
| प्रति-डिवाइस सेटिंग्स | ऐसे उपकरण चुनें जहां प्रभाव चलते हैं | प्रति डिवाइस गति |
यदि आपके पास पहले से ही एलिमेंटर प्रो है, तो मोशन इफेक्ट्स अधिक प्रभाव प्रकारों को कवर करता है जब आप मास्टर एडॉन्स प्रो का उपयोग करते हैं तो रिलैक्स सरल गति-आधारित परतों को सूट करता है लूपिंग गति के लिए जो स्क्रॉल पर निर्भर नहीं है, देखें फ्लोटिंग प्रभाव (प्रो).
Rellax.js क्या है?
Rellax।js डिक्सन और मो द्वारा एक छोटा, खुला स्रोत जावास्क्रिप्ट लाइब्रेरी है जो पेज स्क्रॉल करते समय तत्वों को एक अलग गति से आगे बढ़ाता है। हाथ से कोड की गई साइट पर आप स्क्रिप्ट जोड़ते हैं, तत्वों को एक रिलैक्स क्लास देते हैं और गति, प्रतिशत, z-सूचकांक और कोड में दिशा जैसे विकल्प सेट करते हैं।
यह एक्सटेंशन मास्टर एडॉन्स प्रो के अंदर Rellax।js को बंडल करता है और उन विकल्पों को एलिमेंटर नियंत्रणों में मैप करता है, इसलिए आप पैनल से गति, प्रतिशत, Z-सूचकांक और दिशा सेट करते हैं। स्क्रिप्ट केवल उन पृष्ठों पर लोड होती है जहां कोई तत्व Rellax का उपयोग करता है। यदि आप एलिमेंटर पर नहीं हैं, तो सीधे Rellax।js लाइब्रेरी का उपयोग करें।
रिलैक्स के लिए अक्सर पूछे जाने वाले प्रश्न
क्या मोबाइल पर काम करेगा लंबन प्रभाव?
हाँ गति टैबलेट और मोबाइल के लिए अलग से सेट किया जा सकता है, तो आप एक छोटे से मूल्य या ० फोन पर अगर गति बहुत मजबूत लगता है का उपयोग कर सकते हैं हमेशा एक असली डिवाइस पर परीक्षण।
क्या मैं एक अनुभाग पृष्ठभूमि छवि को स्थानांतरित कर सकता हूं?
रिलैक्स पूरे तत्व को स्थानांतरित करता है, पृष्ठभूमि छवि नहीं अपनी सामग्री के पीछे अपने स्वयं के छवि विजेट में छवि डालें और उस विजेट में रिलैक्स जोड़ें, या एक चलती अनुभाग पृष्ठभूमि के लिए एलिमेंटर प्रो की पृष्ठभूमि गति प्रभाव का उपयोग करें।
क्या रिलैक्स एक्सटेंशन मुफ़्त है?
नंबर रेलैक्स का हिस्सा है मास्टर एडॉन्स प्रो। यदि आप इसे अपने कोड के साथ जोड़ते हैं तो Rellax।js लाइब्रेरी स्वयं मुफ़्त और खुला स्रोत है।
क्या बहुत अधिक लंबन प्रभाव मेरी साइट को धीमा कर सकते हैं?
वे कर सकते हैं प्रत्येक चलती तत्व ब्राउज़र को स्क्रॉल करते समय अधिक काम करता है प्रति पृष्ठ कुछ प्रमुख तत्वों पर लंबन का उपयोग करें और गति को मामूली रखें।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
