एलिमेंटर में एक विशिष्ट तत्व के लिए स्क्रॉल पर पॉपअप कैसे खोलें

पृष्ठ प्रतिशत द्वारा पॉपअप का समय ठीक है जब तक कि आपको एक सटीक स्थान पर उतरने की आवश्यकता न हो शायद आप इसे तुरंत चाहते हैं कि कोई आपके मूल्य निर्धारण ब्लॉक, एक प्रशंसापत्र पंक्ति, या कॉल-टू-एक्शन बैंड तक पहुंच जाए, पृष्ठ के नीचे एक अस्पष्ट ४०% नहीं मास्टर एडॉन्स पॉपअप बिल्डर के साथ उसे संभालता है तत्व पर स्क्रॉल करें ट्रिगर। आप पॉपअप को एक सीएसएस आईडी देते हैं #, फिर वही आईडी डालें, बिना #, तत्व पर आप ट्रिगर के रूप में कार्य करना चाहते हैं।

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

इससे पहले कि आप शुरू करें #

• मास्टर एडॉन्स पॉपअप बिल्डर में पहले से ही एक पॉपअप बनाया गया है (देखें) पॉपअप सेटिंग्स गाइड एक बनाने के लिए)
• उस तत्व वाला एक पृष्ठ जिसे आप स्क्रॉल ट्रिगर के रूप में उपयोग करना चाहते हैं
• एलिमेंटर स्थापित और सक्रिय
• एलिमेंटर के लिए मास्टर ऐडऑन स्थापित और सक्रिय (स्थापना गाइड)

चरण १: स्क्रॉल टू एलिमेंट पर खोलने के लिए पॉपअप सेट करें #

एलिमेंटर में अपना पॉपअप खोलें और पर जाएं एमए पॉपअप सेटिंग्स पैनल। के अंतर्गत सेटिंग्स, स्विच पॉपअप खोलें को तत्व पर स्क्रॉल करेंएक नया क्षेत्र दिखाता हैः तत्व चयनकर्ता.

फ़ील्ड के नीचे संकेत बताता है कि वह क्या चाहता है, उस तत्व के लिए एक सीएसएस चयनकर्ता जो स्क्रॉल पर पॉपअप को ट्रिगर करता है, जैसे #my-id या .my-class.

चरण 2: एक सीएसएस आईडी चयनकर्ता दर्ज करें (# चिह्न के साथ) #

में तत्व चयनकर्ता फ़ील्ड, एक सीएसएस आईडी टाइप करें जो शुरू होती है #. यहाँ यह है #show-popupनाम को छोटा और अद्वितीय रखें ताकि आप इसे किसी और चीज में टकराव के बिना पृष्ठ पर पुन: उपयोग कर सकें।

द # वास्तविक कार्य कर रहा है: यह पॉपअप को उस तत्व पर नज़र रखने के लिए कहता है जिसकी आईडी है show-popup। पॉपअप को सहेजने के लिए प्रकाशित (या अपडेट) करें।

चरण 3: अपने लक्ष्य तत्व में वही आईडी जोड़ें (# चिह्न के बिना) #

अब उस पृष्ठ को खोलें जहां पॉपअप को आग लगनी चाहिए और इसे एलिमेंटर में संपादित करें ट्रिगर के रूप में आप जिस तत्व को चाहते हैं उस पर क्लिक करें, यहां यह पृष्ठ पर अनुभाग ब्लॉक है, और इसे खोलें उन्नत टैब।

को खोजें सीएसएस आईडी उन्नत टैब में फ़ील्ड करें और वही नाम टाइप करें जिसका उपयोग आपने पॉपअप में किया था, लेकिन बिना #, तो बस show-popupकि एक छोटे से अंतर पूरी चाल हैः

• पॉपअप तत्व चयनकर्ताः #show-popup (हैश के साथ)
• तत्व की सीएसएस आईडीः show-popup (कोई हैश नहीं)

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

चरण ४: तत्व का पूर्वावलोकन करें और स्क्रॉल करें #

सामने के छोर पर पृष्ठ खोलें और स्क्रॉल करना शुरू करें शीर्ष पर कुछ भी नहीं दूसरा तत्व ले जाने वाला तत्व show-popup आईडी दृश्य में स्क्रॉल होती है, पॉपअप पृष्ठ पर खुलता है।

एक ही पॉपअप को ट्रिगर करने के लिए कई स्क्रॉल पॉइंट चाहते हैं प्रत्येक तत्व को एक ही सीएसएस आईडी दें। [+] show-popupऔर उनमें से कोई भी इसे बंद कर देगा।

समस्या निवारण #

• पॉपअप कभी नहीं खुलता? हैश की जाँच करें पॉपअप के तत्व चयनकर्ता की आवश्यकता है #show-popupऔर तत्व की सीएसएस आईडी की जरूरत है show-popup बिना हैश के।
• सीएसएस आईडी फ़ील्ड में # का उपयोग किया गया? इसे बाहर निकालें एलिमेंटर सीएसएस आईडी फ़ील्ड केवल सादा नाम चाहता है।
• एक ही आईडी वाले दो तत्व कार्य कर रहे हैं? ट्रिगर करने के लिए यह ठीक है, लेकिन उस आईडी का पुन: उपयोग न करें जो पहले से ही पृष्ठ पर सीएसएस या एंकर लिंक को संभाल रहा है।
• पॉपअप बिल्कुल नहीं दिखा रहा है? सुनिश्चित करें कि पॉपअप का सक्रियण चालू है और इसकी प्रदर्शन स्थितियों में ट्रिगर तत्व वाला पृष्ठ शामिल है।

अक्सर पूछे जाने वाले प्रश्न #

संबंधित पढ़ना #

• मास्टर एडॉन्स पॉपअप बिल्डर सेटिंग्स
• पॉपअप ट्रिगर विकल्प समझाया
• एलिमेंटर में मुफ्त में पॉपअप कैसे जोड़ें