jQuery/scrollLeft()

スクロールの水平位置を指定

$(function(){
  $('#sample1Btn0').click(function(){
    $("#sample1Div").scrollLeft(0);
  });
  $("#sample1Btn300").click(function(){
  	$("#sample1Div").scrollLeft(300);
  });
});

var s2Div01 = $("#s2Div01").offset().left;
var s2Div02 = $("#s2Div02").offset().left;
var s2Div03 = $("#s2Div03").offset().left;
var s2Div04 = $("#s2Div04").offset().left;
$(function(){
  $("#s2Btn01").click(function(){
  	$("#s2Div").animate({scrollLeft: s2Div01}, 100);
  });
  $("#s2Btn02").click(function(){
  	$("#s2Div").animate({scrollLeft: s2Div02}, 100);
  });
  $("#s2Btn03").click(function(){
  	$("#s2Div").animate({scrollLeft: s2Div03}, 100);
  });
  $("#s2Btn04").click(function(){
  	$("#s2Div").animate({scrollLeft: s2Div04}, 100);
  });
});
	

function s3Func(){
  $("#s3Div").scroll(function(){
	var s3 = $("#s3Div").scrollLeft();
	$("#s3Span").text(s3);
  });
}