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");
                    }
                }
            }
        })