scrollLeft()：スクロールの左横位置をセットする
2016/05/14
スクロールの左横位置をセットする
スクロールの左横位置をセットするの書式
要素.scrollLeft(値);
スクロールの左横位置をセットする場合は、要素.scrollLeft(値)をします。
具体例(スクロールの左横位置をセットするjQueryのサンプルコード)
１．対象となるテストエリアの左横位置をscrollLeftメソッドにてセット
２．左横位置をセットされたテストエリアの左横位置を取得
３．取得したした左横位置を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;
// scrollLeftメソッドにてスクロールの左横位置のセットをする
$(".testArea").scrollLeft(50);
message = "scrollLeftメソッドの結果は" + $(".testArea").scrollLeft();
$("#divMessage").text(message);
});
</script>
</head>
<body>
<textarea name="testArea" class="testArea" wrap=off cols=40 rows=4>
１_１、１_２、１_３、１_４、１_５、１_６、１_７、１_８、１_９、１_１０
２_１、２_２、２_３、２_４、２_５、２_６、２_７、２_８、２_９、２_１０
３_１、３_２、３_３、３_４、３_５、３_６、３_７、３_８、３_９、３_１０
４_１、４_２、４_３、４_４、４_５、４_６、４_７、４_８、４_９、４_１０
５_１、５_２、５_３、５_４、５_５、５_６、５_７、５_８、５_９、５_１０
</textarea>
<br>
<br>
<br>
<div id = "divMessage"></div>
</body>
</html>
スクロールの左横位置をセットするjQueryのサンプルの結果
