[jQuery] URL 파싱해서 원하는 위치로 스크롤

일반적으로 책갈피(인텍스) 기능을 사용해서 스크롤 하지만

인덱스 기능을 사용 할 수 없는 경우에는  화면의 위치값을 이용한 방법을 사용해야 합니다.

 

URL의 #event1 ~ 4 까지의 인덱스 값을 체크해서 스크롤링 하는 예제 소스 입니다.

너무나 간단한 소스이므로 보시면 다 알 것입니다. ^^

 

 

 

  

<script language="javascript"> 
 if(window.location.href.indexOf("#event1")!=-1){
   $(window).load(function(){
    $('html, body').animate({scrollTop:1445}, 'slow');
    return false;
   });
  }else if(window.location.href.indexOf("#event2")!=-1){
   $(window).load(function(){
    $('html, body').animate({scrollTop:2250}, 'slow');
    return false;
   });
  }else if(window.location.href.indexOf("#event3")!=-1){
   $(window).load(function(){
    $('html, body').animate({scrollTop:3030}, 'slow');
    return false;
   });
  }else if(window.location.href.indexOf("#event4")!=-1){
   $(window).load(function(){
    $('html, body').animate({scrollTop:3810}, 'slow');
    return false;
   });
  }else{
}
</script>