[j0hnik]

Давненько вы уже тут, пора бы освоить такие простые вещи

<style>
    #scr {
      width: 400px;
      border: 1px solid red;
      overflow-y: scroll;
    }

    #scr>div {
      width: 1500px;
      height: 10px;
    }
  </style>

<div id="scr">
  <div></div>
</div>
 
  <script>
    var x = 0;
    scr.onscroll = e =>{
      if(x < scr.scrollLeft) console.log('left right start');
      if(x > scr.scrollLeft) console.log('right left start');
      if(scr.scrollLeft + scr.clientWidth + 1 >= scr.scrollWidth) console.log('left right finish');
      if(scr.scrollLeft === 0) console.log('right left finish');
      x = scr.scrollLeft;
    };

  </script>