Html & Script

자동 스크롤 스크립트

컨텐츠 정보

  • 18,351 조회
  • 1 댓글
  • 0 추천
  • 목록

본문

긴글을 읽을때 자동으로 스크롤바를 내려서 글의 포커싱을 바꿔준다.

//body영역 (onload를 통해서 myScr() 함수를 자동으로 호출하도록설정) <body onload="myScr()"> <p> <br><br> My Home Page <br> //글이 짧으면 확인이 어렵기때문에 글의 길이를 웬만하면 길게해주도록 하자 기승간 2017725일 자동 스크롤 예제 만들다. 기승간 2017725일 자동 스크롤 예제 만들다. 기승간 2017725일 자동 스크롤 예제 만들다. 기승간 2017725일 자동 스크롤 예제 만들다. 기승간 2017725일 자동 스크롤 예제 만들다. 기승간 2017725일 자동 스크롤 예제 만들다. 기승간 2017725일 자동 스크롤 예제 만들다. 기승간 2017725일 자동 스크롤 예제 만들다. 기승간 2017725일 자동 스크롤 예제 만들다. </p> </body>
//스크립트 영역 <script type="text/javascript"> myY = 0; //초기 포커싱위치를 0으로 설정해주도록한다 function myScr() { window.scroll(0,myY); //스크롤바의 위치 설정 myY = myY + 2; //y의 값을 점점 내리도록한다 if(myY ==300) myY = 0; //만약 y축의 값이 300이 되면 초기화를 하도록설정 setTimeout("myScr()",100); //0.1초마다 이 함수를 반복하도록설정 } </script>

관련자료

댓글 1
Today's proverb
자신을 불행한 존재라고 생각하는 사람은 아직도 더 불행해질 여지가 남아있다. 아주 작은 일에도 큰 기쁨을 느끼는 사람에게는 그 어떤 불행도 위력을 상실해 버리고 만다. 그러나 아주 작은 일에도 기쁨을 느낄 수 있는 경지에 이르기까지는 어차피 여러 가지 형태의 불행을 감내하지 않을 수가 없다. 불행이란 알고 보면 행복이라는 이름의 나무 밑에 드리워진 행복만한 크기의 나무그늘 같은 것이다. (이외수 "흐린 세상 건너기" 中에서)