आप jQuery माप का उपयोग कैसे कर सकते हैं उपयोगकर्ता ने कितनी दूर स्क्रॉल किया है?

Question

मैं एक तत्व की शैली बदलने के लिए के बाद उपयोगकर्ता पिक्सल की एक निश्चित संख्या से परे नीचे स्क्रॉल किया गया है, और फिर इसे वापस बदलने के एक बार उपयोगकर्ता वापस ऊपर स्क्रॉल किया गया है की जरूरत है। मैं पहले से ही jQuery का उपयोग कर रहा हूं इसलिए यदि संभव हो तो मैं jQuery का उपयोग करना चाहता हूं। क्या कोई व्यक्ति एक उदाहरण प्रदान कर सकता है जहां उपयोगकर्ता ने 200 पिक्सल से अधिक स्क्रॉल किए जाने के बाद एक div नाम को क्लासनाम जोड़ दिया है और फिर उपयोगकर्ता को 200 पिक्सेल से कम तक स्क्रॉल करने के बाद क्लासनाम को हटा दें?

Answer 1

scrollTop, scrollLeft और Events/Scroll देखें।

उदाहरण:

$('div#something').scroll(function() { 
    if ($(this).scrollTop() > 200) { 
     $(this).addClass('foo'); 
    } else { 
     $(this).removeClass('foo'); 
    } 
}); 

Answer 2

यह काम नहीं कर रहा, मोबाइल फोन को स्वीकार नहीं करते क्योंकि .scrollTop() के बाद से वे बजाय एक व्यूपोर्ट का उपयोग करें। इस प्रकार .scrollTop() हमेशा मोबाइल फोन पर 0 होगा। अभी भी इसका सही समाधान ढूंढ रहे हैं, लेकिन एक नहीं मिला है।