title: Check if horizontally overflowing element is no longer scrollable
body: <p>So im trying to detect if a div is fully horizontally scrolled to the left. If so, I'd like to hide the scroll button, (left or right one).
  So the structure is simple,
  React</p>
  <pre><code>const overflowref = useRef()
  const toggleScroll = (sign) =&gt; {
   if(sign==='negative'){
      overflowref.current.scrollLeft -= 100
      return
    }
   overflowref.current.scrollLeft += 100
  }
  </code></pre>
  <p>HTML</p>
  <pre><code>&lt;div style={{width: '400px', overflowX: 'scroll'}} ref={overflowref}&gt;
   &lt;i className='fal fa-chevron-left' onClick={()=&gt; toggleScroll('negative')}&gt;&lt;/i&gt;
   &lt;img style={{width: '100px'}}/&gt;
   &lt;img style={{width: '100px'}}/&gt;
   &lt;img style={{width: '100px'}}/&gt;
   &lt;i className='fal fa-chevron-right' onClick={()=&gt; toggleScroll()}&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  <p>So basically, I wanna get  a boolean value once the max scroll has been reached on either side.</p>