llamar funcion al subir con el scroll

[pithon]

Hola, quiero mostrar un botón de subida cuando el usuario sube para arriba con la barra desplazamiento para darle la opción de ir al principio deprisa pero no se muy bien como hacer para detectar que el usuario está subiendo el scroll, alguien me dice que lógica usar para detectar si sube.

[Alexis88]

Para saber si el usuario está desplazándose hacia arriba con la barra, necesitas guardar la cantidad de píxeles desplazados por cada vez que ocurra el evento scroll y luego solo te queda compara la cantidad actual con la previamente guardada; cuando la cantidad actual sea menor que la guardada, entonces, el usuario se está desplazando hacia arriba.

Iniciado por pithon

sube para arriba

Evita los pleonasmos.

Saludos

[NueveReinas]

Quizá esto te sirva: http://jsfiddle.net/1ce711b0/

Código HTML:

<a href="#" class="arriba">Arriba</a>
 

Código CSS:

.arriba {
    position:fixed;
    background:red;
    color:white;
    opacity:0;
}
 

Código Javascript:

// SCROLLTESTER START //
$('<h1 id="st" style="position: fixed; right: 25px; bottom: 25px;"></h1>').insertAfter('body');
 
$(window).scroll(function () {
  var st = $(window).scrollTop();
  var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
 
  $('#st').replaceWith('<h1 id="st" style="position: fixed; right: 25px; bottom: 25px;">scrollTop: ' + st + '<br>scrollBottom: ' + scrollBottom + '</h1>');
});
// SCROLLTESTER END //
 
$(window).scroll(function(){
    
    var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
    
if (scrollBottom < 200) {
$('.arriba').css("opacity","1");
} else {
$('.arriba').css("opacity","0");
}
}); 
$('.arriba').click(function(){
$("html, body").animate({ scrollTop: 0 }, 700);
return false;
});