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
42