'제이쿼리' 태그의 글 목록

BLOG ARTICLE 제이쿼리 | 2 ARTICLE FOUND

2014.02.03 [jQuery] URL 파싱해서 원하는 위치로 스크롤
2014.01.28 [jQuery] 제이쿼리 인클루드

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

프로그래밍/jQuery 2014. 2. 3. 15:19

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

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

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>