javascript - 单击按钮时水平滚动

Question

我想通过单击左右按钮水平滚动一个 div，但它不起作用

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

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

})

如何通过单击按钮滚动 div。我也想去掉滚动条

JS Fiddle

Answer 1

如果您不想去掉滚动条，为什么不直接更改裁剪内容的 CSS(即 margin-left)？

给包装 div 一个 overflow:hidden 并使用以下 JS:

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

看起来像 this .