检查水平溢出元素是否不再可滚动

Question

所以我试图检测一个 div 是否完全水平向左滚动。如果是这样，我想隐藏滚动按钮（向左或向右）。 所以结构简单， 反应

const overflowref = useRef()
const toggleScroll = (sign) => {
 if(sign==='negative'){
    overflowref.current.scrollLeft -= 100
    return
  }
 overflowref.current.scrollLeft += 100
}

HTML

<div style={{width: '400px', overflowX: 'scroll'}} ref={overflowref}>
 <i className='fal fa-chevron-left' onClick={()=> toggleScroll('negative')}></i>
 <img style={{width: '100px'}}/>
 <img style={{width: '100px'}}/>
 <img style={{width: '100px'}}/>
 <i className='fal fa-chevron-right' onClick={()=> toggleScroll()}></i>
</div>

所以基本上，一旦在任一侧达到最大滚动，我想获得一个布尔值。