$(document).ready(function(){ //滚动条发生滚动 $(window).scroll(function(){ //在这里我们做一些事情 var top=$(document).scrollTop();//监听滚动条滚动时距离顶部的位置; var menu=$("#menu"); var items=$("#content").find(".item"); //遍历每一层楼 var currentId=""//代表当前所在楼层的id items.each(function(){ var m=$(this); var itemTop=m.offset().top; //console.log(itemTop); if(top>itemTop-200){ currentId="#"+m.attr("id");//attr()方法的作用是设置或者返回元素的属性,这里是返回item的id; }else{ return false; } }); //给相应楼层的a设置current,取消其他a的current var currentLink=menu.find(".current"); //表示如果当前光标应该聚集的地方没有样式 并且 有样式的地方 不是currentId,就做以后的操作 即删除目前移除.current所在地方的class 给currentId 加上.current if(currentId&¤tLink.attr("href")!=currentId){ currentLink.removeClass("current"); menu.find("[href'"+currentId+"']").addClass("current");} }); });
1 回答
Sweet_Gao
TA贡献2条经验 获得超1个赞
menu.find("[href='"+currentId+"']").addClass("current"); 最后一行代码的href加上等号试试
- 1 回答
- 0 关注
- 1243 浏览
添加回答
举报
0/150
提交
取消