Come ottenere il numero di pixel che un utente ha fatto scorrere la pagina verso il basso?

Question

Supponiamo di avere una pagina html con grande altezza. Così ci sarà una barra di scorrimento verticale.

Mentre l'utente scorre verso il basso, voglio sapere quanto ha scrollato usando javascript (jquery) Suppongo ... È possibile?

Answer 1

È possibile farlo utilizzando .scroll() e .scrollTop().

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

Vedi anche questo question.

Answer 2

Sì. Vedere scrollTop() in jQuery, che include la proprietà DOM scrollTop.

Answer 3

Questo è quello che ho usato sul mio sito web ... quando qualcuno scorre verso il basso di 620 pixel il menu si aprirà, inserisco i numeri manualmente. Sono ancora un noob a javascript, ma spero che questo aiuta

<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

in puro JavaScript si può semplicemente fare così:

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

Maggiori informazioni (Il Mozilla Developer Network):

• onscroll
• scrollY