ウィンドウ内容を左右にスクロールさせる


動作ブラウザ 【 IE:4.0  NN:4.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × - × × - × -
Macintosh × - × × - -
UNIX - - - - - × × - - -
Dreamcast - - - - - - - - - - × × -

ポイント isize = 512; count = Math.abs(isize / step); while(count > 0) { scrollBy(step,0); count--; }
説  明 ウィンドウ内容をスクロールさせるにはscrollBy()またはscroolTo()を使います。scrollBy()はオフセット(差分)による移動、scrollTo()は指定座標による移動になります。ウィンドウ内容をスムーズに動かすにはスクロールする回数をカウンタで用意しwhile命令でループさせます。
サンプル <html> <head> <title>ウィンドウ内容を左右にスクロールさせる</title> <script Language="JavaScript"><!-- function scrl(step) { isize = 512; count = Math.abs(isize / step); while(count > 0) { scrollBy(step,0); count--; } } resizeTo(512,480); // --></script> </head> <body> <table border="0"> <tr><td><img src="sabaku.jpg"></td></tr> <tr><td><A HREF="javaScript:scrl(10)">右へ   </a></td></tr> <tr><td align="right"><a href="javaScript:scrl(-10)">左へ   </a></td></tr> </table> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA