干掉微信小程序-BackToTop返回顶部的两种实现方法

官方接口的页面BackToTop

js内容:

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

scroll-view的BackToTop

HTML内容:

<scroll-view scroll-y scroll-top='{{topDistance}}'>
</scroll-view>

js内容:

// 回到顶部
onBackToTopTapped: function() {
  this.setData({
    topDistance: 0,
    canBackToTop: 0
  });
}
posted @ 2020-01-20 10:24  LSKReno  阅读(759)  评论(0编辑  收藏  举报