向左和向右滚动带有浮动元素的div

Question

我有一个固定宽度的div和许多图像内部由float:left;水平对齐，因此div使用scrollBar水平滚动。我想通过点击两个“ NEXT ”和“ PREVIOUS ”图像滚动元素（如滑块）。

我做过类似的事情：

$("a.previous-menu").click(function(){
    $(".menu-items").animate({
        left: "+=50"}, 5000, function() {
    });
});

但似乎此解决方案仅在元素由position: absolute;或position: relative标记时才起作用，并且它不适用于浮动元素。

你对此有什么想法吗？

Answer 1

$(".menu-items").animate({scrollLeft: 50}, 800);

这将在五秒内滚动50 px。