के साथ चिपचिपा शीर्षलेख मैं उस वेबसाइट की तरह कई दो चिपचिपा शीर्षलेख बनाना चाहता हूं: http://www.trendyol.com/Kappa/ButikDetay/8690 जब आप नीचे स्क्रॉल करते हैं, तो पहला हेडर दूसरे चिपचिपा तत्व के साथ जोड़ता है। उसके बाद, वे दोनों एक साथ नीचे चले जाते हैं। मैं यह कैसे कर सकता हूं? अग्रिम समर्थन के लिए धन्यवाद!jquery
jquery
उत्तर
जिस तरह से यह पूरा हो गया है वह बहुत आसान है। आप स्क्रॉल स्थिति की जांच करते हैं और यदि यह किसी निश्चित संख्या से नीचे है तो आप शीर्ष पर एक निश्चित स्थिति तत्व प्रदर्शित करते हैं (और स्क्रॉल स्थिति बैकअप होने पर छुपाएं)।
कहा जा रहा है कि मदद कर सकता है एक महान प्लगइन है: https://github.com/imakewebthings/jquery-waypoints
डेमो आप अपनी ज़रुरत के साथ: http://imakewebthings.com/jquery-waypoints/sticky-elements/
टिप्पणियों में से एक से एक अद्यतन के रूप में, http://stickyjs.com एक और अधिक समर्थित पुस्तकालय हो सकता है।
चिपचिपा बनाने के लिए position:sticky
का उपयोग करें।
यहां article explained है।
यह सुंदर निफ्टी है हालांकि पूरी तरह से समर्थित विनिर्देश (अभी तक) नहीं है। – lucuma
धन्यवाद। मैं इसे आजमाऊंगा। – oxygen
मुझे उस प्लगइन के साथ बहुत सारी समस्याएं आई हैं, मैं इसे पसंद करता हूं: http://stickyjs.com/ – cbron