jQuery的動畫或緩解向左滾動增量

Question

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

嗨，我試圖動畫或緩解增量滾動以上eleft觸發，但掙扎了一下，任何幫助將非常感激，謝謝

Answer 1

可以使用.animate()功能全：

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

• 第一個參數設置要設置動畫的值。您可以使用像+=value或-=value這樣的內容來爲當前值設置動畫（如偏移量）。
• 第二個參數是動畫運行的時間。
• 第三個是緩動，如果您使用的是緩動插件。

查看jQuery-Docs: ".animate()"瞭解更多信息。