每次單擊按鈕時水平滾動元素

Question

我現在想不出如何在每次單擊按鈕時將元素滾動100px：

$('.horizontal-scroll').on('click', '.horizontal-scroll-indicator', function() {
        $(this)
        .prev('.actionbar-inner')
        .animate({scrollLeft: +100});
     });

我的邏輯在任何給定時間僅將其向左滾動100px，因為我想每次單擊按鈕時將其滾動100px，而不取決於當前滾動的位置，所以即使它位於中間，也僅向左滾動100px。

Answer 1

嘗試使用+=運算符自動遞增：

$('.horizontal-scroll').on('click', '.horizontal-scroll-indicator', function() {
    $(this)
    .prev('.actionbar-inner')
    .animate({scrollLeft: '+=100'});
 });