微信小程序 回到顶部

方式一：使用scroll-view

scroll-y 设置为true，允许纵向滚动

scroll-top 为竖向滚动条位置

scroll-with-animation 设置滚动条位置时使用动画过渡

//wxml
<scroll-view scroll-y="{{true}}" scroll-top="{{scrollTop}}" scroll-with-animation="{{true}}"></scroll-view>


//js
data:{
    scrollTop:0,
}
// 回到顶部
goTop: function (e) {
  this.setData({ scrollTop: 0, })
},

方式二：wx.pageScrollTo

// !回到顶部
goTop: function (e) {
  if (wx.pageScrollTo) {
    wx.pageScrollTo({ scrollTop: 0 })
  } else {
    wx.showModal({
      title: '提示',
      content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
    })
  }
},