jquery - 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' );

• 最初のパラメーターは、アニメーション化する値を設定します。+=valueorのようなものを使用-=valueして、現在の値からアニメーション化できます (オフセットなど)。
• 2 番目のパラメーターは、アニメーションの実行時間です。
• 3 つ目は、イージング プラグインを使用している場合のイージングです。

詳細については、jQuery-Docs: ".animate()"を参照してください。