別ウインドウのボタンで画面のスクロールをスタート、ストップのコントロールをします。

▼スクロールさせる画面にはウインドウを開く関数を書きます。 
<HTML>
<HEAD>
<TITLE>Contorolled scroll</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
 function openwin(winname){
    window.open("control.html",winname,"width=240,height=180,toolbar=no,location=no,status=no,menubar=no,scrollbars=no");
  }
//-->
</SCRIPT>
</HEAD>
<BODY>

</BODY>
</HTML>
▼スクロールをコントロールさせる「control.html」を別に作ります。 
<HTML>
<HEAD>
<TITLE>Contorol button</TITLE>
<HEAD>
<Script Language="JavaScript">
<!--
 var stop = 800;//scroll length
 var dy = 0;
 var step = 5;
 var sec = 50;//scroll speed
 var bstatus = 'true';
 var TimerID;

 function winscroll(bstatus){
    if (bstatus == 'false'){
       clearTimeout(TimerID);
    }
    else if (dy < stop){
       dy += step;
       window.opener.scroll(0,dy);
       TimerID = setTimeout("winscroll(bstatus)",sec);
    }
}

//-->
</SCRIPT>
</HEAD>
<BODY>
<TABLE WIDTH="200" BORDER="0" CELLSPACING="0" CELLPADDING="5">
  <TR>
    <TH ALIGN="left">*CONTOROL BUTTON*</TH>
    <TD><INPUT TYPE="button" VALUE="Start" onClick="winscroll('true')"></TD>
    <TD><INPUT TYPE="button" VALUE="Stop" onClick="winscroll('false')"></TD>
    <TD><HR></TD>
    <TD><INPUT TYPE="button" VALUE="Close" onClick="window.close()"></TD>
  </TR>
</TABLE>
</BODY>
</HTML>
BACK