Condição de Rolagem (Cima/Baixo)
HTML
<div id="direcao">Faça scroll aqui...</div>
CSS
body {
height: 3000px;
}
#direcao {
position: fixed;
top: 20px;
}
JAVASCRIPT
var lastScrollTop = 0;
$(window).scroll(function (event) {
var resultado = $('#direcao');
var st = $(this).scrollTop();
if (st > lastScrollTop) {
// downscroll code
resultado.html('para baixo');
} else {
// upscroll code
resultado.html('para cima');
}
lastScrollTop = st;
});