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

<script type="text/javascript">

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

$(window).scroll(function(){//當頁面滾動條變化滾動時，執行函數

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

var menu = $('#menu');

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

var curId = '';//當前所在樓層的#id

items.each(function(){

var m = $(this);

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

if (top > itemTop - 200) {//增強用戶體驗，當下一層大部分出來時候，上一層極小部分在的時候，右側導航條聚焦到下一層

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

}?

else {

return false;//退出本次循環，因為上一層都不符合要求就沒必要再判斷下一層了

}

})

//給相應樓層的a設置current，取消其他鏈接的current

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

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

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

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

? ? ? ? ? ? ? ? }

})

})

</script>