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

Posted 2023-05-08

【中文标题】jquery 动画或缓动向左滚动增量

【英文标题】：jquery animate or ease scroll left increment

【发布时间】：2012-08-11 14:50:54

【问题描述】：

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

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

【参考方案1】：

您可以使用.animate()-函数：

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

第一个参数设置您要设置动画的值。您可以使用 +=value 或 -=value 之类的东西从当前值（如偏移）开始制作动画。 第二个参数是动画运行的时间。 如果您使用的是缓动插件，第三个是缓动。

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

【参考方案2】：

我认为它工作正常：

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

使用swing 方法代替easeOutQuad。