每次单击按钮时水平滚动元素

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