jQuery动画或平滑滚动向左增量

Question

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

你好，我正在尝试对上面触发的增量滚动 eleft 进行动画或缓动，但遇到了一些困难，如果有帮助，将不胜感激，谢谢。

- gilesadamthomas

Answer 1

你可以使用 .animate() 函数：

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

• 第一个参数设置您想要动画的值。您可以使用像 +=value 或 -=value 这样的形式从当前值（例如偏移量）开始进行动画。
• 第二个参数是动画运行的时间。
• 第三个参数是缓动函数，如果您使用了缓动插件。

更多信息请参阅 jQuery文档: ".animate()"。

- insertusernamehere

Answer 2

我认为它运行良好：

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

使用swing方法代替easeOutQuad。

- KR Vineeth