javascript - ボタンクリック時の横スクロール

Question

左と右のボタンをクリックしてdivを水平にスクロールしたいのですが、機能していません

$('#left').live('click' , function(){
$('#myDiv').scrollLeft(300)

})
$('#right').live('click' , function(){
$('#myDiv').scrollLeft(-300)

})

バイトンクリックでdivをスクロールするにはどうすればよいですか。スクロールバーも消したい

JSフィドル

Answer 1

スクロール バーを削除したくない場合は、トリミングされたコンテンツ (つまり、そのmargin-left) の CSS を変更してみませんか?

ラッピングdivに aを付けoverflow:hiddenて、次の JS を使用します。

$('#left').click(function(){
    $('#myDiv').css('margin-left','-300px');
});
$('#right').click(function(){
    $('#myDiv').css('margin-left','0');
});

このようになります。

</p>