锚点点击导航 跳转到相应位置，样式随之变化

// 锚点点击导航导航样式变化
			$("#nav-box li a").click(function () {
			    $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top -20+ "px"}, 500);
				$("#nav-box li").each(function(){
					$this = $(this);
					if($this[0].href==String(window.location)){
						$("#nav-box li").removeClass("on");
						$this.addClass("on");
					}
				});
				return false;//不要这句会有点卡顿
			});

　　

			
`
				
text1-nav
				
text2-nav
				
text3-nav
			
		
		

			
text1
			
text2
			
text3
		

　　

转载于:https://www.cnblogs.com/qing1304197382/p/10963694.html