Div ScrollLeft or Right on each click Jquery

Question

如何在每次点击时向左或向右滚动div 30px？请帮忙

$(document).ready(function(){
    $("button").click(function(){
        $("div").scrollLeft(30);
    });
});

http://jsfiddle.net/stfzy/1835/

Answer 1

首先，你们需要获取滚动的当前位置。使用 $("div").scrollLeft() 从左侧获取当前位置。并在每次单击按钮时添加 30

。

$(document).ready(function(){
  $("button").click(function(){
    let pos = parseFloat($("div").scrollLeft()) + 30;
    $("div").scrollLeft(pos);
  });
});

Answer 2

试试这个....

       $(document).ready(function(){
            var amount=30;
            $("button").on('click', function(){
                $("div").scrollLeft(amount);
                amount += 30;
            });
        });