개발/코딩

특정 화면 위치로 자동 스크롤

창훈e 2017. 6. 5. 10:45

1.

페이지를 클릭하자 마자

자동으로 원하는 페이지 위치를 보여주고 싶으면

해당 위치에 <div id = "test"> 을 넣어주고

 

<script language="javascript">
   document.getElementById("test").scrollIntoView();
 </script>

 

이렇게만 해주면 자동으로 해당 아이디 위치로 화면을 보여주게 된다.

 

2.

해당 위치로 글을 읽듯이 내려가게 하고 싶다면 (위에는 클릭하자 마자 바로 짠 하고 보여줌)

 

<body onload="scroller()">

 

페이지 들어오면 scroller() 를 호출

 

 <script language="javascript">

   var position = 0;
    function scroller()
   {
   if (position != 500)
   {
    position++;
    scroll(0,position);
    clearTimeout(timer);
    var timer = setTimeout("scroller()",10); timer;
   }
  }
</script>

 

여기서 500은 세로높이, 10은 이동 속도이다.