¿Capturar el evento "desplazarse hacia abajo"?

Question

Estoy diseñando una página web muy simple (solo HTML), la única "característica" que quiero implementar es hacer algo cuando el usuario se desplaza hacia abajo por la página, ¿hay alguna manera de capturar ese "evento" de alguna manera?

Answer 1

simplemente para la corrección, no hay otra solución utilizando otro marco JS (Mootools)

window.addEvent('scroll',function(e) { 
    //do stuff 
}); 

Answer 2

No puede hacerlo con solo HTML, necesitará usar Javascript. Recomiendo el uso de jQuery, por lo que su solución puede tener este aspecto:

$(document).ready(function() { 
    $(window).scroll(function() { 
     // do whatever you need here. 
    }); 
}); 

Si no quiere o no puede utilizar jQuery, puede utilizar la solución onscroll publicado por Anthony.

Answer 3

Si no desea utilizar jQuery (que puede que no hacer por una página HTML muy simple), se puede lograr esto usando Javascript normal:

<script> 
function scrollFunction() { 
    // do your stuff here; 
} 

window.onscroll = scrollFunction; 
</script> 

Usted ha dicho que quería hacer algo cuando despliegan abajo la página - el evento onscroll dispara desplazándose en cualquier dirección, ya sea en el eje xey, por lo que se llamará a su función cada vez que se desplace.

Si realmente desea que solo se ejecute el código cuando se desplaza hacia abajo de la página, deberá conservar la posición de desplazamiento anterior para comparar cada vez que se llame a onscroll.

Answer 4

Una mejor manera es no sólo para comprobar si hay eventos de desplazamiento, sino también para la dirección de desplazamiento, como a continuación;

$(window).bind('mousewheel', function(event) { 
if (event.originalEvent.wheelDelta >= 0) { 
    console.log('Scroll up'); 
} 
else { 
    console.log('Scroll down'); 
} 
}); 

Answer 5

Esto funciona para mí.

var previousPosition 

$(window).scroll(function(){ 
    var currentScrollPosition=$(window).scrollTop() + $(window).height() 
    if (currentScrollPosition>previousScrollPosition) { 
    console.log('down') 
    }else if(currentScrollPosition<previousScrollPosition){ 
    console.log('up') 
    } 
    previousScrollPosition=currentScrollPosition 
});