M.: Navigation

Beitrag lesen

Mahlzeit,

position:sticky ist eine super elegante Alternative, doch bisher ist das ohne JS-Fallback produktiv noch nicht sinnvoll einsetzbar.

Das zugehörige Javascript hab ich innerhalb 3 Minuten in der Beispielseite gefunden. Es lag also wieder mal am Suchen, denn Finden ist kein echtes Problem.

	if(jQuery('.fixed-enabled').length>0){  
		var headerHeight = jQuery('.fixed-enabled').offset().top ;  
		var mainNav = jQuery('.fixed-enabled');  
		jQuery(window).scroll(function(){  
			var scrollY=jQuery(window).scrollTop();  
			if(scrollY > headerHeight){  
				mainNav.addClass('fixed-nav');  
			}else if(scrollY < headerHeight){  
				mainNav.removeClass('fixed-nav');  
			}  
		});  
	}  
});
--
42