mostrar/ocultar una div al bajar o subir scroll

[lukazz]

hola bueno quiero ver si alguien tiene la solucion a mi problemita jaja

resulta q yo tengo una barra en mi web (todavía estoy haciendo mi web no esta terminada) y lo que quiero saber si es posible es que cuando bajen el scroll desaparesca la barra y cuando vuelvan a subir aparesca es posible eso? yo creo q es con jquery pero la verdad nose nada, gracias espero sus respuestas

[abermejo]

Efectivamente con JQuery lo puedes hacer, no se exactamente como lo deseas hacer pero algo asi podria ser, suponiendo un caso.

Sea <div id="barra"></div> el div que contiene a la barra.

$(document).on('ready', function(){

var posicionActual, posicionNueva = 0;

$(window).scroll(function(){
posicionNueva = $(this).scrollTop();

if(posicionNueva>posicionActual){
$('#barra').hide('slow');
} else if(posicionNueva<posicionActual){
$('#barra').show('slow');
}
posicionActual=posicionNueva;
});

})

Es masomenos un ejemplo pero depende como exactamente lo quieras implementar, espero que te sirva.

[lukazz]

Iniciado por abermejo

Efectivamente con JQuery lo puedes hacer, no se exactamente como lo deseas hacer pero algo asi podria ser, suponiendo un caso.

Sea <div id="barra"></div> el div que contiene a la barra.

$(document).on('ready', function(){

var posicionActual, posicionNueva = 0;

$(window).scroll(function(){
posicionNueva = $(this).scrollTop();

if(posicionNueva>posicionActual){
$('#barra').hide('slow');
} else if(posicionNueva<posicionActual){
$('#barra').show('slow');
}
posicionActual=posicionNueva;
});

})

Es masomenos un ejemplo pero depende como exactamente lo quieras implementar, espero que te sirva.

muchas gracias es justo lo que buscaba :D