jquery基于单页滚动事件的导航菜单

$(document).ready(function(){
	$(".item").click(function(){
		$(this).siblings(".item").removeClass("on");
		$(this).addClass("on");
		var i= $(this).val();
		$("html, body").animate({scrollTop: i + "px"},600);
	})
	$(window).scroll( function() {
	var m = document.body.scrollTop + 2;
	if(m<588){
	  $("#item1").siblings(".item").removeClass("on");
	  $("#item1").addClass("on");
  	}
  	if(m>=588&&m<1169){
	  $("#item2").siblings(".item").removeClass("on");
	  $("#item2").addClass("on");
  	}
	if(m>=1169&&m<1750){
	  $("#item3").siblings(".item").removeClass("on");
	  $("#item3").addClass("on");
 	}
	if(m>=1750&&m<2331){
	  $("#item4").siblings(".item").removeClass("on");
	  $("#item4").addClass("on");
 	}
	if(m>=2331&&m<2912){
	  $("#item5").siblings(".item").removeClass("on");
	  $("#item5").addClass("on");
 	}
	if(m>=2912){
	  $("#item6").siblings(".item").removeClass("on");
	  $("#item6").addClass("on");
 	}
	} );
 
});