jquery动画或轻松滚动左增量

Question

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

嗨,我试图动画或缓解上面触发的增量滚动eleft,但是挣扎了一点,任何帮助都会非常感激,谢谢

Answer 1

你可以使用.animate()-function:

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

• 第一个参数设置要设置动画的值.您可以使用类似+=value或-=value来自当前值的动画(如偏移).
• 第二个参数是动画运行的时间.
• 第三个是缓和,如果你使用的是缓动插件.

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