スクロールバーのクリックをシミュレートする


動作ブラウザ 【 IE:5.0  NN:-
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 - - - - - - - - - - × × -

ポイント <a href="#" onmouseover="document.body.doScroll()">
説  明 スクロールバーのクリックシミュレートを行うにはdoScroll()を使用します。ページ全体をスクロールさせる場合は「document.body.doScroll()」となります。
サンプル <html> <head> <title>スクロールバーのクリックをシミュレートする</title> </head> <body> <a href="#" onmouseover="document.body.doScroll()">マウスを乗せるとスクロール</a><br><br> <script Language="JavaScript"><!-- for (i=0; i<9; i++) { document.write(i); for (j=0; j<10; j++) document.write("<br>"); } // --></script> </body> </html>
補足説明 doScrollには以下の引数を指定できます。 scrollbarDown scrollbarHThumb scrollbarLeft scrollbarPageDown scrollbarPageLeft scrollbarPageRight scrollbarPageUp scrollbarRight scrollbarUp scrollbarVThumb down left pageDown pageLeft pageRight pageUp right up

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

写真素材 PIXTA