scrollTopを使用すると縦スクロールバーの位置を取得・操作することができる
なお、横スクロールバーを操作したい場合はscrollLeftを使用する
以下、使用例
<head> <style type="text/css"> .scrollon { overflow: scroll; /* スクロール */ width: 100px; height:100px; </style> </head> <body> <div class="scrollon" id="scroll_div"> aaaaaaaa1<br> aaaaaaaa2<br> aaaaaaaa3<br> aaaaaaaa4<br> aaaaaaaa5<br> aaaaaaaa6<br> aaaaaaaa7<br> aaaaaaaa8<br> aaaaaaaa9<br> </div> <input type="button" value="up" onclick="scroll_div.scrollTop -= 10"> <input type="button" value="down" onclick="scroll_div.scrollTop += 10"> <input type="button" value="alert" onclick="alert(scroll_div.scrollTop)"> </body>
動作確認環境:IE6 sp3,Google Chrome 4.1