? $(document).ready(function(){ ? //滾動條發生滾動 ? ?$(window).scroll(function(){ //在這里我們做一些事情 ? ? ? var top=$(document).scrollTop();//監聽滾動條滾動時距離頂部的位置; ? var menu=$("#menu"); ? var items=$("#content").find(".item"); ? //遍歷每一層樓 ? var currentId=""http://代表當前所在樓層的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 回答
- 0 關注
- 1293 瀏覽
添加回答
舉報
0/150
提交
取消