¿Cómo obtener el número de píxeles que un usuario ha desplazado hacia abajo en la página?

Question

Supongamos que tenemos una página html con gran altura. Por lo tanto, habrá una barra de desplazamiento vertical.

A medida que el usuario se desplaza hacia abajo Quiero saber cuánto ha desplazado usando javascript (jquery) Supongo ... ¿Es esto posible?

Answer 1

Puede hacerlo utilizando .scroll() y .scrollTop().

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

Ver este question.

Answer 2

Sí. Consulte scrollTop() en jQuery, que ajusta la propiedad DOM scrollTop.

Answer 3

Esto es lo que utilicé en mi sitio web ... cuando alguien se desplaza 620 píxeles hacia abajo, el menú emergerá, ingresé los números manualmente. Todavía soy un novato en javascript pero espero que esto ayuda a

<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

en JavaScript puro puede simplemente hacer como que:

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

Más infos (la red de desarrolladores de Mozilla):

• onscroll
• scrollY