Eso se realiza con JQUERY y el efecto es bastante sencillo.
Este es un ejemplo:
El javascript
Código Javascript
:
Ver original$(window).scroll(function() {
if($(this).scrollTop() >= 120){
$("#menu-hidden").show();
$("#menu-back").hide();
}else{
$("#menu-hidden").hide();
$("#menu-back").show();
}
});
El css
Código CSS:
Ver original#menu-hidden{
min-height: 30px;
display: none;
position: fixed;
top: 0px;
width: 100%;
background: url('../img/b_bg_alpha1.png') repeat #f1f1f1;
z-index: 100000;
}
El ejemplo donde lo tengo utilizado -> [URL="http://www.guiahosteleria.com"]http://www.guiahosteleria.com[/URL]