向左平滑滚动

Question

我想使用按钮在容器中向右或向左滚动。它可以工作，但我希望它工作顺利。

我如何实现这一目标？我需要另一个插件还是有一个简单的解决方法？

$(button).on('click', function(){
  flavoursContainer.scrollLeft += 220; 
}); 

Answer 1

您可以使用jQuery .animate()方法来实现：

$(button).on('click', function(){
  $(flavoursContainer).animate({scrollLeft: $(flavoursContainer).scrollLeft() + 220}, 500);
}); 

Answer 2

$(function() {
  $('#addclickable element').bind('click', function(event) {
    $('#addtargetelement or div').stop().animate({
      scrollLeft: $('.a').offset().left
    }, 500);
    event.preventDefault();
  });
});