• 返回顶部
  • 点击导航跳转到当前位置
  • 滚动页面定位菜单选项和菜单悬浮状态

返回顶部

1
$("body,html").animate({'scrollTop': 0});

点击导航跳转到当前位置

1
2
3
4
5
6
7
//导航
$(".poster_nav .box ul li").on("click",function(){
    $(this).addClass('on').siblings().removeClass('on');
    var catid = $(this).attr("catid");
    var top = $("." + catid + "").offset().top;
    $("body,html").animate({'scrollTop': top - 57});
});

滚动页面定位菜单选项和菜单悬浮状态

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
//鼠标滚动事件
$(window).scroll(function() {
    //导航定位
    if ($(this).scrollTop() > $(".poster_nav").offset().top) {
        $(".poster_nav .box").addClass('poster_nav_fixed');
    } else {
        $(".poster_nav .box").removeClass('poster_nav_fixed');
    }
    //导航基于页面位置改变选中项
    if($(this).scrollTop() < $(".poster_strength").offset().top - 200){
        $("[catid=poster_introduction]").addClass('on').siblings().removeClass('on');
    }
    if($(this).scrollTop() > $(".poster_strength").offset().top - 200 && $(this).scrollTop() < $(".poster_brand2").offset().top - 200){
        $("[catid=poster_strength]").addClass('on').siblings().removeClass('on');
    }
    if($(this).scrollTop() > $(".poster_brand2").offset().top - 200 && $(this).scrollTop() < $(".poster_course").offset().top - 200){
        $("[catid=poster_brand2]").addClass('on').siblings().removeClass('on');
    }
    if($(this).scrollTop() > $(".poster_course").offset().top - 200){
        $("[catid=poster_course]").addClass('on').siblings().removeClass('on');
    }
});