BLOG ARTICLE 화면 이동 | 2 ARTICLE FOUND

  1. 2014.02.03 [jQuery] URL 파싱해서 원하는 위치로 스크롤
  2. 2014.02.03 [Java] 화면 자동 스크롤, 자동 위치 이동

[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>

 

 

저작자표시

'프로그래밍 > jQuery' 카테고리의 다른 글

[jQuery] 제이쿼리 인클루드  (0) 2014.01.28
AND

[Java] 화면 자동 스크롤, 자동 위치 이동

프로그래밍/Java script 2014. 2. 3. 11:45

화면 로딩후 원하는 위치로 옮기고 싶을 때 사용하는 스크립트

 

자동으로 스크롤되기 하는 소스

다음내용을 <head>와 </head> 사이에 넣어 줍니다.


500은 위로 자동스크롤 시킬 화면의 세로 높이 10은 스크롤 속도

 

 

다음엔 에 아래의 태그를 넣어줍니다.

 

 
<body onload="scroller()">

 

 

위의 속성을 에 주지 않고 와 사이에 아래와 같은 폼 양식을 만들어 사용하면 페이지가 열림과 동시에 화면스크롤이 되지 않고 페이지가 열린 후 해당 단추를 눌렀을 때 화면이 스크롤 됩니다.

 

<FORM> 
<INPUT onclick=scroller() type=button value=클릭!!> 
</FORM>

 

 

 

 

 

저작자표시

'프로그래밍 > Java script' 카테고리의 다른 글

[Java] 간단한 자바 인클루드 스크립트  (0) 2014.01.28
[Java] 자바 시간, 날짜 계산 (2)  (0) 2014.01.28
[Java] 자바 날짜, 시간 계산 예제  (0) 2014.01.28
[Java] 쿠키 관련 함수 ( setCookie, getCookie )  (0) 2014.01.28
AND

티스토리툴바