[JS]js如何做导航菜单栏随着屏幕的滚动变化效果（附源代码）

[JS]js如何做导航菜单栏随着屏幕的滚动变化效果（附源代码）

$(window).scroll(function () { 
            var $nav = $(".floatingMenu ul li"), 
                length = $nav.length-1,//获取导航菜单 ul li 的个数 
                item = new Array(),//新建一个数组 
                sTop = $(window).scrollTop();//获取偏移的高度 
            for (var i = 0; i < length; i++) { 
                if (i == 0) { 
                    item[i + 1] = $(".blockList>div:first-child").offset().top; 
                    if (sTop >= item[i + 1]) { 
                        $nav.eq(i).addClass("selected").siblings("li").removeClass("selected");//选中的样式selected 
                    } 
                } else { 
                    item[i + 1] = $(".blockList>div:nth-child(" + (i + 1) + ")").offset().top; 
                    if (sTop >= item[i + 1] - 100) { 
                        $nav.eq(i).addClass("selected").siblings("li").removeClass("selected"); 
                    } 
                } 
            } 
        })