KoXo 자바스크립트 - 메서드(method) - doScroll(body, custom, div, ...)

스크롤바(scroll-bar) 콤포넨트를 클릭하는 것과 같은 효과를 유발시킨다.

doScroll 메서드를 사용하여 단추를 클릭하여 스크롤 시킨다.

<SCRIPT>
function scrollDn(){
  taObj.doScroll('scrollbarDown');
}
function scrollUp(){
  taObj.doScroll('scrollbarUp');
}
function scrollPgDn(){
  taObj.doScroll('scrollbarPageDown');
}
function scrollPgUp(){
  taObj.doScroll('scrollbarPageUp');
}
</SCRIPT>

<BUTTON onclick="scrollDn()">scrollDown</BUTTON>
<BUTTON onclick="scrollUp()">scrollUp</BUTTON>
<BUTTON onclick="scrollPgDn()">scrollPageDown</BUTTON>
<BUTTON onclick="scrollPgUp()">scrollPageUp</BUTTON><BR>

<TEXTAREA id=taObj style="border:solid 1 blue;background:ffd;" cols=40 rows=4>

텍스트에리아의 내용이 스크롤된다.(줄 1)
텍스트에리아의 내용이 스크롤된다.(줄 2)
텍스트에리아의 내용이 스크롤된다.(줄 3)
텍스트에리아의 내용이 스크롤된다.(줄 4)
텍스트에리아의 내용이 스크롤된다.(줄 5)
텍스트에리아의 내용이 스크롤된다.(줄 6)
텍스트에리아의 내용이 스크롤된다.(줄 7)
텍스트에리아의 내용이 스크롤된다.(줄 8)
텍스트에리아의 내용이 스크롤된다.(줄 9)
</TEXTAREA>

timer:

doScroll 메서드로 setInterval 메서드를 이용하여 1초마다 스크롤 시킨다.

<SCRIPT>
var iTimer;
document.onload=makeTimer();
function makeTimer(){
  iTimer=setInterval('scrollIt()',1000);
}
function scrollIt(){
timer.innerText=new Date().toLocaleString();
  scrollObj.doScroll('down');
}
</SCRIPT>
timer: <SPAN id=timer></SPAN>
<DIV id=scrollObj style="border:solid 1 blue;width:400px;height:100px;overflow:scroll;padding-left:1em">
<SCRIPT>
for (i=1;i<20;i++){
  document.write('i='+i+', i*i='+i*i+', i*i*i='+i*i*i+'<BR>');
}
</SCRIPT>

scrollbarDown	디폴트이며, 지정된 위치에 아래로 스트롤바 화살(Down scroll arrow)이 있다.
scrollbarHThumb	지정된 위치에 수평 스크롤 박스가 있다.
scrollbarLeft	지정된 위치에 왼쪽으로 스트롤바 화살(Left scroll arrow)이 있다.
scrollbarPageDown	지정된 위치에 페이지내림 바의 축이 있다.
scrollbarPageLeft	지정된 위치에 페이지 왼쪽으로 바의 축이 있다.
scrollbarPageRight	지정된 위치에 페이지 오른쪽으로 바의 축이 있다.
scrollbarPageUp	지정된 위치에 페이지 위쪽으로 바의 축이 있다.
scrollbarRight	지정된 위치에 오른쪽으로 스트롤바 화살(Right scroll arrow)이 있다.
scrollbarUp	지정된 위치에 위쪽으로 스트롤바 화살(Up scroll arrow)이 있다.
scrollbarVThumb	지정된 위치에 수직 스크롤 박스가 있다.
down	scrollbarDown을 참조한다.
left	scrollbarLeft을 참조한다.
pageDown	scrollbarPageDown을 참조한다.
pageLeft	scrollbarPageLeft을 참조한다.
pageRight	scrollbarPageRight을 참조한다.
pageUp	scrollbarPageUp을 참조한다.
right	scrollbarRight을 참조한다.
up	scrollbarUp을 참조한다.