[js]스크롤바 이동 버튼

<div class="list" style="overflow-x: scroll;"></div>
<p class="left">좌</p>
<p class="right">우</p>

<script>
      function scroll(move) {
          var scrollX = $('.list').scrollLeft();
  
          $(".list").animate({          
              scrollLeft:scrollX+move
          },300)
        };

        $(".left").click(function(){
            scroll(-100)
            //좌측으로 이동시키고 싶은만큼 마이너스값 수정
        })
        $(".right").click(function(){
            scroll(100)
            //우측으로 이동시키고 싶은만큼 수정
        })
        
</script>

See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen.