单击按钮上的水平滚动

Question

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

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

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

})

如何通过bytton单击滚动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 。

Answer 2

这是你想要的吗？

jsfiddle

我使用css和margin进行滚动，隐藏溢出以隐藏条形图，浮动以对齐图片并更改了一些CSS ...