सीएसएस केवल स्टिकी पाद बनाने के लिए कैसे

आम तौर पर, हमें जावास्क्रिप्ट की आवश्यकता होती है स्क्रॉलिंग प्रभाव डालें वेब पेजों पर विभिन्न उपयोगकर्ता क्रियाओं से संबंधित। स्क्रिप्ट का काम करता है ट्रैकिंग कितना ऊपर या नीचे स्क्रॉल करती है, यह एक पृष्ठ लेता है, तथा एक कार्रवाई चलाता है जब एक ऊंचाई ऊंचाई तक पहुँच जाता है.

स्क्रॉलिंग प्रभाव के लिए जावास्क्रिप्ट का उपयोग करना विशेष रूप से बुरी बात नहीं है। वास्तव में अधिक जटिल मामले हैं जो हैं जावास्क्रिप्ट के बिना हल करने के लिए असंभव है. हालाँकि हैं सीएसएस हैक जो इन लिपियों को कई बार बदल सकता है.

यह पोस्ट आपको हो दिखाने वाली हैडब्ल्यू सीएसएस का उपयोग कर पेज स्क्रॉल पर पाद प्रकट प्रभाव बनाने के लिए. हम इसे प्रदर्शित करने के लिए दो उपयोग मामलों का उपयोग करेंगे: पूरे पृष्ठ के लिए एक (डेमो देखें) और व्यक्तिगत पृष्ठ तत्वों के लिए एक, जैसे लेख.

पूरा पृष्ठ

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

इस लक्ष्य को प्राप्त करने के लिए, पहले हमें एक बनाना होगा निश्चित स्थिति वाला पाद स्क्रीन के नीचे.

1. एक निश्चित पाद बनाएँ

चलो कुछ सामग्री और एक पाद जोड़ें पृष्ठ पर पहले। मैं HTML टैग्स का उपयोग कर रहा हूं