导航栏固定在顶部,滑动下面内容,不同的内容块,上面的导航相应的变颜色

    // 滑到不同内容块,上面相应导航变色
    var current_nav = 'qiye';

    scroll_function = function() {

        $(".about_content_list").each(function(index) {
            var h = $(this).offset().top;
            var y = $(window).scrollTop();

            if (y >= h && y < h + $(this).height() && $(this).attr('id') != current_nav) {

                current_nav = $(this).attr('id');

                $('.aboutus_navtxt a').removeClass('aboutus_change');
                $('.nav_' + current_nav).addClass('aboutus_change').show("fast");

            }
        });
    }
    $(window).scroll(function() {
        scroll_function();
    });

效果如e车宝的网站

posted @ 2016-05-17 15:56  SophiaLiu  阅读(1008)  评论(0编辑  收藏  举报