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

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