js實現導航菜單欄隨着屏幕的滾動進行滾動的效果

 1   $(window).scroll(function () {
 2             var $nav = $(".floatingMenu ul li"),
 3                 length = $nav.length-1,//獲取導航菜單 ul li 的個數
 4                 item = new Array(),//新建一個數組
 5                 sTop = $(window).scrollTop();//獲取偏移的高度
 6             for (var i = 0; i < length; i++) {
 7                 if (i == 0) {
 8                     item[i + 1] = $(".blockList>div:first-child").offset().top;
 9                     if (sTop >= item[i + 1]) {
10                         $nav.eq(i).addClass("selected").siblings("li").removeClass("selected");//選中的樣式selected
11                     }
12                 } else {
13                     item[i + 1] = $(".blockList>div:nth-child(" + (i + 1) + ")").offset().top;
14                     if (sTop >= item[i + 1] - 100) {
15                         $nav.eq(i).addClass("selected").siblings("li").removeClass("selected");
16                     }
17                 }
18             }
19         })