问答详情
源自:4-3 使用jQuery实现网页定位导航(下)

求大家帮我看一下哪里错了 滚动条滚动导航栏没变化

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


提问者:东经113北纬27 2018-08-21 21:53

个回答

  • 三大法则
    2018-09-11 22:03:05

    最好把html部份也发过来 单是java部份我是没有看出来有什么问题