解决jquery animate({scrollTop$pos},500)与$(window).scroll方法冲突的问题

当点击节点时 先移除$(window).on("scroll")监听事件 在animate动画结束之后再添加上

 $('#J_tab li').on('click', function(){

             $(window).off(".changeCityActive");

             $('html,body').animate({scrollTop:$('.list-item-wrp[data-city="'+cityName+'"]:first').offset().top-offTop}, 400, 'easeOutExpo', function(){
                 $(window).on("scroll.changeCityActive" , changeCityActive);
             });
  });

  $(window).on("scroll.changeCityActive" , changeCityActive);

   function changeCityActive(){
       var shTop = $('.list-item-wrp[data-city="shanghai"]:first').offset().top;
       var hzTop = $('.list-item-wrp[data-city="hangzhou"]:first').offset().top;
       var szTop = $('.list-item-wrp[data-city="suzhou"]:first').offset().top;
       var njTop = $('.list-item-wrp[data-city="nanjing"]:first').offset().top;
       var qtTop = $('.list-item-wrp[data-city="qita"]:first').offset().top;

       if ($("#rank-wrp").css("position") == "fixed" && $(window).scrollTop() < hzTop -130) {

           $("#J_tab li[data-city='shanghai']").addClass('active').siblings().removeClass('active');
       }else if ($(window).scrollTop() >= hzTop-130 && $(window).scrollTop() < szTop-130){

           $("#J_tab li[data-city='hangzhou']").addClass('active').siblings().removeClass('active');
       }else if ($(window).scrollTop() >= szTop-130 && $(window).scrollTop() < njTop-130){ 

           $("#J_tab li[data-city='suzhou']").addClass('active').siblings().removeClass('active');
       }else if($(window).scrollTop() >= njTop-130 && $(window).scrollTop() < qtTop-130){ 

           $("#J_tab li[data-city='nanjing']").addClass('active').siblings().removeClass('active');
       }else if($(window).scrollTop() > qtTop-130){ 

           $("#J_tab li[data-city='qita']").addClass('active').siblings().removeClass('active');
       }
   }