<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>