微信小程序实现滚动回到顶部的两种方式

1. wxml页面：catchtap阻止冒泡事件

回到顶部

2. 在scroll-view形式下回到顶部

回到顶部

3. JS页面代码段

data:{
    topNum: 0
  }
 
  // 获取滚动条当前位置
  scrolltoupper:function(e){
    console.log(e)
    if (e.detail.scrollTop > 100) {
      this.setData({
        cangotop: true
      });
    } else {
      this.setData({
        cangotop: false
      });
    }
  },
 
  //回到顶部
  goTop: function (e) {  // 一键回到顶部
    this.setData({
      topNum:0
    });
  },

上一篇：微信小程序的生命周期执行顺序

下一篇：前端实现微信小程序信用分免押（也称微信分免押）