[스크립트] 스크롤이벤트

스크롤이벤트는
1. curr 현재위치 2. target 클래스를 주어 변화를 줄 것의 위치
이거 2개만 기억하자

<header></header>
<main>
 <div></div>
 <div></div>
 <div></div>
 <div class="on"></div>
 <div></div>
 <div></div>
 <div></div>
 <div></div>
 <div></div>
 <div></div>
</main>

스크립트

$(function(){
   curr= $(window).scrollTop();
   //현재위치
   target = $('div.on').offset().top;
   //변화를 주고 싶은 대상의 위치
   $('header').text('현재위치는'+curr+'타겟은'+target);
   if(curr>target){
    $('header').addClass('on');
   }else{
   $('header').removeClass('on');
   }
  })  

이런식으로 하여 클래스 제어로 효과를 주면 좋다