var main = {
    top:function(m){
        $('#m' + m).addClass('active')
    },
    navigator:function(){
        // 閿氱偣椤堕儴楂樺害
        var fixedTop = $('.menu_wrap ').outerHeight() ;
        // 鐩戝惉婊氬姩
        $(window).scroll(function(){
            var scrollTop = $(window).scrollTop();
            var offsetTop = $('.menu_wrap').offset().top
            // menu 鍚搁《
            if(scrollTop > offsetTop ){
                $('.menu_wrap').addClass('fixed')
            }else{
                $('.menu_wrap').removeClass('fixed')
            }
            var headerTop = $('.banner').outerHeight();
            if(scrollTop > headerTop ){
                $('.header').addClass('hide')
            }else{
                $('.header').removeClass('hide')
            }
            var arr = [];
            $('.main > div , .main > section').each(function(i){
                var h = $(this).offset().top - $(window).scrollTop() - fixedTop;
                arr.push(h)
            })
            arr = arr.filter(item => item > 0)
            var index = $('.main > div , .main > section').length - arr.length - 1
            console.log(index);
            index = Math.min(index,$('.main > div , .main > section').length)
            index = Math.max(index,0)
            console.log(index);
            $('.navigator li').eq(index).addClass('active').siblings().removeClass('active')
            $('.column').text($('.navigator li').eq(index).find('a').text())
        }).trigger('scroll')
       
        // navigator
        $('.navigator li a').click(function(e){
            e.preventDefault();
            var id = $(this).attr('data-target');
            var domOffSetTop = $('#' + id).offset()?.top;
            if(domOffSetTop && domOffSetTop != 0){
                $('html,body').animate({scrollTop:domOffSetTop - fixedTop + 15},500)
                console.log(domOffSetTop - fixedTop);
            }
        })
    },
}