लंबन स्क्रॉलिंग स्टिकस्टैक.जेएस के साथ आसान बना

लंबन प्रभाव तेजी से ध्यान खींचो। ये प्रभाव कुछ पृष्ठभूमि को ध्यान में रखें पृष्ठ को नीचे स्क्रॉल करते समय। आपको कई वेबसाइटों और वर्डप्रेस थीम पर लंबन स्क्रॉलिंग मिलेगी और वे आधुनिक वेब डिज़ाइन का एक बड़ा हिस्सा हैं.

आप एक निर्माण भी कर सकते हैं अद्वितीय लंबन शैली का उपयोग करते हुए StickyStack.js लगाना। आईटी इस jQuery पर बनाया गया और नीचे स्क्रॉल करते ही प्रत्येक मुख्य पृष्ठ अनुभाग शीर्ष पर चिपका रहता है.

यह बनाता है एक स्तरित वेबसाइट का भ्रम जहां प्रत्येक पृष्ठ “ढेर” दूसरे के ऊपर। यह वास्तव में अच्छा है और अपने दम पर स्थापित करना बहुत आसान है.

हालांकि इसे स्थापित करना बहुत आसान है, इसमें फ्रंटएंड डेवलपमेंट की कुछ समझ की आवश्यकता होती है.

आपको पहले की जरूरत है अलग-अलग पृष्ठ अनुभाग बनाएँ मुख्य कंटेनर के अंदर। इस तरह से आपके पास होगा सब कुछ HTML में संलग्न है, तो आप स्टिकीस्टैक jQuery फ़ंक्शन के साथ सब कुछ लक्षित कर सकते हैं.

यह कुछ विकल्पों के साथ भी आता है जहाँ आप इसे कस्टमाइज़ कर सकते हैं जनक कंटेनर, तत्वों को ढेर होना चाहिए, और एक संभव डब्बे की छाया अगर आपको वह प्रभाव पसंद है.

यहाँ एक है कोड का नमूना बिट GitHub पृष्ठ से:

 $ ('मुख्य-सामग्री-आवरण'))। स्टिकस्टैक (कंटेनरईमेंट: '। मुख्य-सामग्री-आवरण', स्टैकिंगईमेंट: 'अनुभाग', बॉक्सशैडो: '0 -3px 20px rgba (0, 0, 0, 0.25)' ); 

जबकि यह लगभग दो वर्षों में अद्यतन नहीं किया गया है, यह अभी भी एक बहुत ही विश्वसनीय प्लगइन है। यह मेरे द्वारा परीक्षण किए गए सभी ब्राउज़रों में काम किया (क्रोम, सफारी, और फ़ायरफ़ॉक्स) के साथ jQuery के सभी संस्करणों के लिए समर्थन.

इसके अलावा, कीमा बनाया हुआ फ़ाइल है केवल 2KB जो एक प्लगइन के लिए एक सभ्य आकार है.

अधिक जानने के लिए, मुख्य रेपो पर जाएं और देखें कि स्टिकीस्टैक क्या पेशकश कर सकता है। मुझे लगता है कि यह सबसे अच्छा काम करता है एकल पृष्ठ वाली वेबसाइटें या बड़े फुलस्क्रीन पृष्ठभूमि वाले लैंडिंग पृष्ठ.

तुम भी एक बाहर की जाँच कर सकते हैं CodePen पर लाइव डेमो यदि आप यह देखना चाहते हैं कि यह लाइव साइट पर कैसा दिखता है.