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

인수/파라메터
sScrollAction
선택적인 요소이며, 다음 값들과 같이 어떻게 개체가 스크롤하는가를 나타내는 문자열이다.
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을 참조한다.
반환값

반환값은 없다.

특기

CSS(Cascading Style Sheets)는 overflow 스타일 속성을 통하여 모든 개체에서 스크롤을 허용한다.

어떤 엘레멘트의 내용이 변경되어 스크롤바가 디스플레이되면, doScroll 메서드는 내용이 업데이트되는 즉시 바르게 작용되지 않을 수 있다.
이런 경우, 브라우저가 탄력적인 변화를 인식하고 스크롤이 제대로 되기 위하여 setTimeout 메서드를 사용할 수 있다.

적용
개체scriptIE
참조
componentFromPoint onscroll


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>