jQuery CSS オペレーション - scrollLeft() メソッド

<div>要素内のスクロールバーの水平オフセットを設定:

$(".btn1").click(function(){
  $("div").scrollLeft(100);
});

実際に試してみてください

定義と用法

scrollLeft() メソッドは、一致する要素のスクロールバーの水平位置を返すまたは設定します。

スクロールバーの水平位置は、左側にスクロールしたピクセル数を指します。スクロールバーが最も左側にある場合、位置は 0 です。

水平スクロールバー位置を返します

最初の一致する要素の水平スクロールバー位置を返します。

構文

$(selector).scrollLeft()

実際に試してみてください

水平スクロールバー位置を設定

すべての一致する要素の水平スクロールバー位置を設定します。

構文

$(selector).scrollLeft(position)
パラメータ 説明
position オプション。ピクセル単位での新しい位置を指定します。

実際に試してみてください