成都网站建设设计

将想法与焦点和您一起共享

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://chengdu.cdxwcx.cn/article/gsdioc.html