[JQUERY] JQuery - Navigation mit $(window).bind('scroll', function() {

[LikeStar]

Guten Abend,

ich programmiere meine Webseite dynamisch und möchte eine zweite Navigation "gleiten lassen". Scheint zu funktionieren.

  $(document).ready(function(){
	   $(window).bind('scroll', function() {
	   var navHeight = $( window ).height() - 670;
			 if ($(window).scrollTop() > navHeight) {

               $("#header2").animate({top: '-80px'}, 100);
			 }
			 else {

               $("#header2").animate({top: '0px'}, 100);
			 }
		});
	});

Sobald ich den Balken des Browsers nach unten schiebe, erscheint die 2. Navigation.:d

aber bei else, will sich die Navigation nicht auf top: -80px zurückziehen.

Wieso funktioniert die else nicht?

Vielen Dank!

 

[Dormilich]

also im Code steht, daß im else Fall die Navi auf 0px geht …

ansonsten überprüf mal, ob die Bedingung (für das else) überhaupt erfüllt wird (keine Programmiersprache ignoriert einfach so ihre Anweisungen)

PS. für einen Event-Handler auf window brauchst du weder ready() (window ist von Anfang an definiert) noch bind() (stattdessen on(), sh. jQuery Doku)