Прокрутка влево и вправо a div с плавающими элементами

Question

У меня есть div с фиксированной шириной и с множеством изображений, которые выравниваются по горизонтали на float:left;, поэтому div прокручивается горизонтально с помощью scrollBar. Я хочу прокрутить элементы (например, слайдер), нажав на два «NEXT» и «PREVIOUS».

я сделал что-то вроде:

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

Но оказывается, что это решение работает только тогда, когда элементы aligne по position: absolute; или position: relative и он не работает с плавающими элементами.

У вас есть какие-либо идеи по этому вопросу?

Answer 1

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

Это прокрутит 50 пикселей в течение пяти секунд.