Скроллинг.

Значение Описание scrollbarDown Значение по умолчанию. Прокрутка вниз. Синоним - down scrollbarHThumb Горизонтальная прокрутка с использованием полосы прокрутки scrollbarLeft Прокрутка влево. Синоним - left scrollbarPageDown Прокрутка на страницу вниз. Синоним - pageDown scrollbarPageLeft Прокрутка на страницу влево. Синоним - pageLeft scrollbarPageRight Прокрутка на страницу вправо. Синоним - pageRight scrollbarPageUp Прокрутка на страницу вверх. Синоним - pageUp scrollbarRight Прокрутка вправо.Синоним - right scrollbarUp Прокрутка вверх.Синоним - up scrollbarVThumb Вертикальная прокрутка с использованием полосы прокрутки

Для реализации программной прокрутки мы включаем в состав страницы четыре кнопки — up, down, left и right. Далее мы пишем следующий обработчик нажатия, единый для всех кнопок:

<script language="JavaScript">
<!--
function doClick(btn)
{
switch(btn)
{
case "0" :
ScrDiv.doScroll("pageUp");
case "1" :
ScrDiv.doScroll("pageDown");
case "2" :
ScrDiv.doScroll("pageLeft");
case "3" :
ScrDiv.doScroll("pageRight");
}
}
//-->
</script>

А в элементах <input>, описывающих кнопки, добовляем нестандартный атрибут code и вызов обработчика нататия:

<input type="button" value="up" code="0" onClick="doClick(this.code)">
<input type="button" value="down" code="1" onClick="doClick(this.code)">
<input type="button" value="left" code="2" onClick="doClick(this.code)">
<input type="button" value="right" code="3" onClick="doClick(this.code)">

Для того чтобы включить у того или иного элемента полосы прокрутки, следует применить к этому элементу стиль overflow:scroll (надписи выделенные зеленым необходимо откорректировать):

<div id=ScrDiv style="width:150px; height:100px; overflow:scroll;">
 

Результат.