jquery animate or ease scroll left increment

Question

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

Hi, Im trying to animate or ease the incremental scroll eleft triggered above, but struggling a little, any help would be really appreciated, thank you

user_9981731 · Answer

I think it works fine:

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

use swing method instead of easeOutQuad.

jquery animate or ease scroll left increment

2 Answers