스크롤을 통한 (좌측)메뉴 활성화

<script type="text/javascript">
$(document).ready(function(){
 var height1 = $('#brandIntroOverview').offset().top;
 var height2 = $('#brandIntroHistory').offset().top;
 var height3 = $('#brandIntroBI').offset().top;

 height2 = height2 - 150 ;
 height3 = height3 - 150 ;

 $(document).scroll(function(){
  var currentHeight = $(this).scrollTop();

  if(currentHeight < height2 ) { //첫번째
   //alert('test1');
   $('.nav-list__sub li').each(function(index){
    if(index ==0) {
     $(this).find('a').addClass('on');
    }else {
     $(this).find('a').removeClass('on');
    }
   });
  }else if( currentHeight>height2 && currentHeight<height3 ){ //2번째
   $('.nav-list__sub li').each(function(index){
    if(index ==1) {
     $(this).find('a').addClass('on');
    }else {
     $(this).find('a').removeClass('on');
    }
   });
  }else if(currentHeight > height3) { // 세번째
   //alert('test3');
   $('.nav-list__sub li').each(function(index){
    if(index ==2) {
     $(this).find('a').addClass('on');
    }else {
     $(this).find('a').removeClass('on');
    }
   });
  }
 });
 
});
</script>