导航栏固定，页面滚动时导航栏高亮显示。方案一：$(window).scroll(function(){//为页面添加页面滚动监听事件varwst=$(window).scrollTop()//距离滚动条顶部的距离console.log("距滚动条顶部的距离："+wst)varlen=5;for(vari=1;i=wst;}console.log(condition,i)if(condition){//判断滚动条的位置$('.navbar-navli').removeClass("active");//清除类c$("#navbar"+i).addClass("active");//在当前导航中加入classc}}})方案二：1、导航栏固定不透明$(window).scroll(function(){var$nav=$(".navbar-collapseulli"),length=$nav.length-1,//获取导航菜单中ulli的个数item=newArray(),//创建一个新数组sTop=$(window).scrollTop();//获取(vari=0;idiv:first-child").offset().top;if(sTop>=item[i+1]){$nav.eq(i).addClass("active").siblings("li").removeClass("active");}}else{项目[i+1]=$(".page-wrapper>div:nth-child("+(i+1)+")").offset().top;if(sTop>=item[i+1]-100){$nav.eq(i).addClass("active").siblings("li").removeClass("active");}}}})2.导航栏固定透明$(window).scroll(function(){var$nav=$(".navbar-collapseulli"),length=$nav.length,//获取导航菜单中ulli的个数item=newArray(),//创建一个新数组sTop=$(window).scrollTop();//获取偏移高度for(vari=0;idiv:nth-child("+(i+1)+")").offset().top;如果(sTop>=item[i+1]){$nav.eq(i).addClass("active").siblings("li").removeClass("active");}}})选项3：使用Bootstrapdata-spy="scroll"<！——……-->