आईटीओ संपर्क हेडर स्क्रॉल कैसे बनायें एचटीएमएल के लिए प्रभाव?

Question

मैंने जो कुछ करना चाहते हैं, उसके बारे में अधिक जानकारी देने के लिए मैंने एक बुनियादी जेएसफ़ील्ड स्थापित किया है।

http://jsfiddle.net/nicekiwi/p7NaQ/2/

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

मूल रूप से, मेरे पास एक कॉलम लंबवत स्क्रॉलिंग पृष्ठ के भीतर सामग्री के अनुभाग हैं। जब पहले हेडर (jsFiddle में शीर्षक 1) के शीर्ष पर स्क्रीन के शीर्ष पर पहुंच जाते हैं, तो पेज को स्क्रॉल करें, जब तक आप अगले शीर्षलेख (शीर्षक 2) तक नहीं पहुंच जाते, तब तक शीर्षक "शीर्षक पर 2 "स्क्रॉल करते समय अपनी स्थिति बनाए रखेगा और" शीर्षक 1 "साइट से बाहर धकेल दिया जाएगा और बाकी के शीर्षकों के लिए भी।

और पृष्ठ को वापस स्क्रॉल करते समय रिवर्स होता है उदाहरण के लिए .. "शीर्षक 4" जगह पर रहेगा और जब "शीर्षक 3" की सामग्री के नीचे "शीर्षक 3" तक पहुंच जाएगा, तो शीर्षक " "और स्क्रीन के शीर्ष पर तब तक रहें जब तक कि यह अपनी सामग्री के शीर्ष तक नहीं पहुंच जाता।

मैं इसे HTML/CSS में Mootools 1.3 के साथ अपनी जावास्क्रिप्ट लाइब्रेरी के रूप में बनाना चाहता हूं।

कोई विचार यह है कि मैं यह कैसे कर सकता हूं? चीयर्स।

Answer 1

मैं वास्तव में अपनी पोस्ट नहीं देखा जब तक किसी को मेरा डुप्लीकेट के रूप में कहे अनुसार, इस Freeze Header until Irrelevant (HTML, CSS and JS)