React中返回顶部的实现

首先监听点击事件

        <div
          onClick={this.handleScrollTop}
          style={backTopStyle}>
          顶部
        </div>

scrollTo()方法中需要一个ScrollToOptions, 自定义一下设置为 'smooth' 就好了

  handleScrollTop() {
    window.scrollTo({
      left: 0,
      top: 0,
      behavior: 'smooth',
    });
  }