jquery 隨樓層滾動導航激活狀態改變特效

//  樓層滾動
	$(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);


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章