उपयोगकर्ता द्वारा पृष्ठ को स्क्रॉल किए गए पिक्सल की संख्या कैसे प्राप्त करें?

Question

मान लें कि हमारे पास बड़ी ऊंचाई वाला एक HTML पृष्ठ है। तो एक लंबवत स्क्रॉलबार होगा।

जैसे उपयोगकर्ता नीचे स्क्रॉल करता है, मैं जानना चाहता हूं कि उसने जावास्क्रिप्ट (jquery) का उपयोग करके कितना स्क्रॉल किया है ... क्या यह संभव है?

Answer 1

आप .scroll() और .scrollTop() का उपयोग कर ऐसा कर सकते हैं।

$(window).scroll(function() { 
    // use the value from $(window).scrollTop(); 
}); 

भी इस question देखें।

Answer 2

हां। JQuery में scrollTop() देखें, जो scrollTop DOM संपत्ति को लपेटता है।

Answer 3

यही वह है जो मैंने अपनी वेबसाइट पर उपयोग किया ... जब कोई भी मेनू के नीचे 620 पिक्सेल स्क्रॉल करता है, तो मैं संख्याओं को मैन्युअल रूप से इनपुट करता हूं। मैं अभी भी एक noob हूँ जावास्क्रिप्ट पर लेकिन मुझे आशा है कि इस मदद करता है

<script> 
    $(document).ready(function(){ 
     $(window).scroll(function(){ 
      var scrollTop = 620; 
      if($(window).scrollTop() >= scrollTop){ 
       $('.Nav').css({ 
        position : 'fixed', 
        top : '0' 
       }); 
      } 
      if($(window).scrollTop() < scrollTop){ 
       $('.Nav').removeAttr('style'); 
      } 
     }) 
    }) 
    </script> 

Answer 4

शुद्ध जावास्क्रिप्ट में आप बस ऐसे ही कर सकते हैं:

window.onscroll = function (e) { 
    console.log(window.scrollY); // Value of scroll Y in px 
}; 

अधिक infos (मोज़िला डेवलपर नेटवर्क):

• onscroll
• scrollY