jquery - jquery 动画或缓动向左滚动增量

Question

$(document).ready(function(){
    $("#right_arrow").click(function(e) {
        var scrollleftvar = $(window).scrollLeft();
        e.preventDefault()
        $("body").scrollLeft(scrollleftvar + 50);
    });
});

嗨，我试图动画或缓和上面触发的增量滚动 eleft，但有点挣扎，任何帮助将不胜感激，谢谢

Answer 1

您可以使用.animate()- 功能：

$('body').animate( { scrollLeft: '+=50' }, 1000, 'easeOutQuad' );

• 第一个参数设置您要设置动画的值。您可以使用类似+=value或-=value从当前值（如偏移量）设置动画。
• 第二个参数是动画运行的时间。
• 第三个是缓动，如果你使用缓动插件的话。

有关更多信息，请参阅jQuery 文档：“.animate()”。

Answer 2

我认为它工作正常：

$('.tag-container').animate({scrollLeft:'+=300'}, 1000, "swing");

使用swing方法而不是easeOutQuad.