$(window).load(skip);
function skip(){
       var offsetTop={};
        var getTar=$('.brand-svc-title[data-skip]');
        // var getTar=$('.article-item-title[data-skip]');
        var getAnc=$('.anchor-bar a[data-skip]');
        var bn=-1;;

        getTar.each(function(i){
            offsetTop[i]=$(this).offset().top;
        });
        
        $(window).scroll(function(){
            var st=$(window).scrollTop();
            var aTop = $('.anchor-wrap').offset().top;

            if(st>aTop){
                $('.nav-bar').hide();
                $('.anchor-bar').addClass('aFix');
            }else{
                $('.nav-bar').show();
                $('.anchor-bar').removeClass('aFix');
            }

            for(var name in offsetTop){
                
                if(st>=(offsetTop[name]*1-42) && st<(offsetTop[name*1+1]*1-42)){
                    
                    if(bn!=name){

                        getAnc.removeClass('on');
                        getAnc.eq(name).addClass('on');
                    }else{
                        return;
                    }

                    bn=name;
                }
                if(st>=(offsetTop[name]*1-42) && (!offsetTop[name*1+1])){
                    if(bn!=name){

                        getAnc.removeClass('on');
                        getAnc.eq(name).addClass('on');
                    }else{
                        return;
                    }
                    bn=name;
                }
                
            }
        });

        getAnc.on('click',function(){
            var getThis=$(this).data('skip');
            getTar.each(function(){
                if($(this).data('skip')==getThis){
                    var getTop=$(this).offset().top;
                    $('html,body').stop().animate({
                        scrollTop:getTop
                    });
                }
            });
        });
    }