jquery

2012-06-04 24 views
8

के साथ चिपचिपा शीर्षलेख मैं उस वेबसाइट की तरह कई दो चिपचिपा शीर्षलेख बनाना चाहता हूं: http://www.trendyol.com/Kappa/ButikDetay/8690 जब आप नीचे स्क्रॉल करते हैं, तो पहला हेडर दूसरे चिपचिपा तत्व के साथ जोड़ता है। उसके बाद, वे दोनों एक साथ नीचे चले जाते हैं। मैं यह कैसे कर सकता हूं? अग्रिम समर्थन के लिए धन्यवाद!jquery

उत्तर

7

जिस तरह से यह पूरा हो गया है वह बहुत आसान है। आप स्क्रॉल स्थिति की जांच करते हैं और यदि यह किसी निश्चित संख्या से नीचे है तो आप शीर्ष पर एक निश्चित स्थिति तत्व प्रदर्शित करते हैं (और स्क्रॉल स्थिति बैकअप होने पर छुपाएं)।

कहा जा रहा है कि मदद कर सकता है एक महान प्लगइन है: https://github.com/imakewebthings/jquery-waypoints

डेमो आप अपनी ज़रुरत के साथ: http://imakewebthings.com/jquery-waypoints/sticky-elements/

टिप्पणियों में से एक से एक अद्यतन के रूप में, http://stickyjs.com एक और अधिक समर्थित पुस्तकालय हो सकता है।

+0

धन्यवाद। मैं इसे आजमाऊंगा। – oxygen

+0

मुझे उस प्लगइन के साथ बहुत सारी समस्याएं आई हैं, मैं इसे पसंद करता हूं: http://stickyjs.com/ – cbron

4

चिपचिपा बनाने के लिए position:sticky का उपयोग करें।

यहां article explained है।

+3

यह सुंदर निफ्टी है हालांकि पूरी तरह से समर्थित विनिर्देश (अभी तक) नहीं है। – lucuma