$(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");}
});
});
Sweet_Gao
相关分类