记一次使用React的合成事件onScroll实现横向滚动加载

677 阅读1分钟

React其实有很多很好用的滚动组件,但是这些滚动组件大多多是纵向滚动。今天突然有个需求需要实现横向的动态加载,找了一圈没有现成的组件,只好自己监听。

onScroll={e => {
  e.persist();
  const {scrollWidth, scrollLeft, clientWidth} = e.target
  if (scrollWidth - scrollLeft === clientWidth) {
    // 滚动到最右边了
    ...
  }
}}