Jquery滚动监听以及导航


$(document).ready(function() {
    $(".nav_scroll_a").each(function() {
        $(this).click(function() {
            var index = $(this).index()
            window.scrollTo('y', $(".nav_scroll:nth-of-type(" + (index + 1) + ")").offset().top - 100)
            $(".nav_scroll_a").removeClass("active")
            $(this).addClass("active")
        });
    });
});

    
$(document).ready(function() {
    $(window).scroll(function() {
        for(var i = 0; i < $(".nav_scroll_a").length; i++) {
            if($(window).scrollTop() > $(".nav_scroll").eq(i).offset().top - 130) {
                $(".nav_scroll_a").removeClass("active")
                $(".nav_scroll_a").eq(i).addClass("active")
            }
        }
    });
});

本文标题:Jquery滚动监听以及导航
分享链接:http://bzwzjz.com/article/gsdioc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站设计 成都网站建设 网站制作公司 自适应网站设计 手机网站制作 成都网站制作 成都定制网站建设 企业网站制作 成都网站制作 四川成都网站建设 成都响应式网站建设 专业网站设计 成都网站建设 成都品牌网站建设 专业网站建设 定制级高端网站建设 成都网站制作 达州网站设计 梓潼网站设计 移动网站建设 成都网站建设公司