react-custom-scrollbars自定义滚动条

https://github.com/malte-wessel/react-custom-scrollbars
https://github.com/malte-wessel/react-custom-scrollbars/blob/master/docs/API.md

https://github.com/xobotyi/react-scrollbars-custom/blob/gh-pages/src/js/app/Examples/CustomStyledExample.jsx

yarn add react-custom-scrollbars

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