Ich habe eine feste Kopfzeile, die sich bei Scrollen nach unten verbirgt und beim Scrollen wieder nach oben zeigt, das alles funktioniert wie vorgesehen. Aber ich würde es auch gerne sehen, wenn du seine Position schwebst, irgendwelche Ideen?Fixe Kopfzeile ausblenden, nach unten scrollen, nach oben scrollen und schweben
Was ich so weit gekommen:
$(function(){
var lastScrollTop = 0, delta = 5;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if(Math.abs(lastScrollTop - st) <= delta)
return;
if (st > lastScrollTop){
// downscroll code
$("#header").css('visibility','hidden').hover()
} else {
// upscroll code
$("#header").css('visibility','visible');
}
lastScrollTop = st;
});
});
Fiddle: http://jsfiddle.net/r6kTs/
Gute Idee, funktioniert wie vorgesehen! Ich habe die Rahmengröße etwas erhöht, um die Aktivierung zu erleichtern und die Grenze transparent zu machen. http://jsfiddle.net/uAc3p/5/ Danke – oscarpas