Html & Script

자동 스크롤 스크립트

컨텐츠 정보

  • 15,561 조회
  • 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
가을에 피는 국화는 첫 봄의 상징으로 사랑받는 개나리를 시샘하지 않는다. 역시 봄에 피는 복숭아꽃이나 벚꽃을 부러워하지 않는다. 한여름 붉은 장미가 필 때, 나는 왜 이렇게 다른 꽃보다 늦게 피나 한탄하지도 않는다. 그저 묵묵히 준비하며 내공을 쌓고 있을 뿐이다. 그러다가 매미소리 그치고 하늘이 높아지는 가을, 드디어 자기 차례가 돌아온 지금, 국화는 오랫동안 준비해온 그 은은한 향기와 자태를 마음껏 뽐내는 것이다. (한비야)