// 樓層滾動 $(window).scroll(function(){ var top = $(document).scrollTop(); //定義變量,獲取滾動條的高度 var menu = $("#nav"); //定義變量,抓取#menu var items = $(".container").find(".item"); //定義變量,查找.item var curId = ""; //定義變量,當前所在的樓層item #id items.each(function(){ var m = $(this); //定義變量,獲取當前類 var itemsTop = m.offset().top; //定義變量,獲取當前類的top偏移量 if(top > itemsTop-300){ curId = "#" + m.attr("id"); }else{ return false; } }); //給相應的樓層設置cur,取消其他樓層的cur var curLink = menu.find(".active"); if( curId && curLink.attr("href") != curId ){ curLink.removeClass("active"); menu.find( "[href=" + curId + "]" ).addClass("active"); } // console.log(top);
jquery 隨樓層滾動導航激活狀態改變特效
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.