React中返回顶部的实现

首先监听点击事件

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

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

  handleScrollTop() {
    window.scrollTo({
      left: 0,
      top: 0,
      behavior: 'smooth',
    });
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 长江 落霞 铁轨 船只 搭配的美 启动了相机的时间定格功能。
    Jane86阅读 344评论 0 0
  • 我不曾放弃, 总是将一张张纸, 折成船儿, 放入海中, 随它飘去, 追寻梦…… 我不曾后悔, 总是坚定一个个梦想,...
    傾芯阅读 301评论 0 0
  • 如图,我的服务菜单右键东西太多了 找起来不太容易,可以利用KM为其设置快捷键,或者Type string trig...
    鸭梨山大哎阅读 562评论 0 1
  • Activity是一个应用组件, 单个的Activity代表一个单独的屏幕界面,用户可与其提供的屏幕进行交互。 一...
    sunnygarden阅读 495评论 1 1