<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){//在頁面加載完畢后

$(window).scroll(function(){//當(dāng)頁面滾動條變化滾動時，執(zhí)行函數(shù)

var top = $(document).scrollTop();//頁面滾動條的高度

var menu = $('#menu');

var items = $('#content').find('.item');

var curId = '';//當(dāng)前所在樓層的#id

items.each(function(){

var m = $(this);

var itemTop = m.offset().top;//每一個item的頂部位置

if (top > itemTop - 200) {//增強(qiáng)用戶體驗(yàn)，當(dāng)下一層大部分出來時候，上一層極小部分在的時候，右側(cè)導(dǎo)航條聚焦到下一層

curId = '#' + m.attr('id');

}?

else {

return false;//退出本次循環(huán)，因?yàn)樯弦粚佣疾环弦缶蜎]必要再判斷下一層了

}

})

//給相應(yīng)樓層的a設(shè)置current，取消其他鏈接的current

var curLink = menu.find('.on');//首先找到當(dāng)前樓層的鏈接

if (curId && curLink.attr("href") != curId) {//如果就在當(dāng)前樓層就不用取消再設(shè)置了，如果不是則取消再設(shè)置

? ? ? ? ? ? ? ? ? ? curLink.removeClass('on');

? ? ? ? ? ? ? ? ? ? menu.find('[href=" + curId + "]').addClass('on');

? ? ? ? ? ? ? ? }

})

})

</script>