UIDEV - gesammelte nützliche Snippets

• » jQuery
• » PHP
• » HTML
• » CSS
• » htaccess

Pagescroll

Scrollt zur ID der Page und setzt das menu aktiv

var bodyEl = $("body");
if(bodyEl.scrollTop() == 0){
 $('#nav li').first().addClass('active');
}
$(window).on("scroll", function() {
 var scrollTop = $(this).scrollTop();
 $("section").each(function() {
 var el = $(this),
 className = el.attr("id"); 
 if (el.offset().top-180 < scrollTop) {
	$("#nav li").each(function(){
	var currLink = $(this)[0].getElementsByTagName('a');
	var refElement = $(currLink).attr("title");
	if(refElement==className){
	$(this).siblings().removeClass('active');
 $(this).addClass('active');
	}
	});
 bodyEl.addClass(className); 
 } else {
 bodyEl.removeClass(className);
 }
 })
});