scrollTop():スクロールの上縦位置をセットする
2016/05/12
スクロールの上縦位置をセットする
スクロールの上縦位置をセットするの書式
要素.scrollTop(値);
スクロールの上縦位置をセットする場合は、要素.scrollTop(値)をします。
具体例(スクロールの上縦位置をセットするjQueryのサンプルコード)
1.対象となるテストエリアの上縦位置をscrollTopメソッドにてセット
2.上縦位置をセットされたテストエリアの上縦位置を取得
3.取得したした上縦位置をdivタグにて表示
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> <!-- --> </style> <script src="../../js/jquery-1.12.2.min.js"></script> <script> $(function(){ var message; // scrollTopメソッドにてスクロールの上縦位置のセットをする $(".testArea").scrollTop(50); message = "scrollTopメソッドの結果は" + $(".testArea").scrollTop(); $("#divMessage").text(message); }); </script> </head> <body> <textarea name="testArea" class="testArea" cols=40 rows=4> テスト1 テスト2 テスト3 テスト4 テスト5 テスト6 テスト7 テスト8 テスト9 テスト10 </textarea> <br> <br> <br> <div id = "divMessage"></div> </body> </html>