jquery动画或轻松滚动左增量

Question

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

嗨，我试图制作动画或缓解上面触发的增量滚动电影，但是稍微挣扎，任何帮助都会非常感激，谢谢

Answer 1

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

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

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

有关更多信息，请参阅jQuery-Docs: ".animate()"。

Answer 2

我认为效果很好：

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

使用swing方法代替easeOutQuad。