react-custom-scrollbars使用方法

1、react-custom-scrollbars使用方法使用方法

// 使用 
import ScrollView from 'react-custom-scrollbars';

/*监听滚动*/
onScroll = e => {
  if(e.target.scrollTop + e.target.clientHeight === e.target.scrollHeight) {
    // 滚动到底部需要做的事情
  }
}
// 设置滚动到底部
componentDidMount() {
  // 一定要数据渲染完后，所有代码执行完后再触发滚动到底部，否则可能不会滚动到底部
  setTimeout(() => {
    this.scrollRef.current.scrollToBottom();
  });
}


<div>
  <ScrollView onScroll={this.onScroll} ref={this.scrollRef}>
    // 需要滚动的内容
  </ScrollView>
</div>