微信小程序实现回滚到顶部功能

微信小程序实现页面回滚到顶部

最近遇到了一个需求，需要在顶部展示日历，然后设置了一个悬浮的按钮，可以显示和隐藏日历，然后在下面，引用了一个吸顶样式，之后发现在列表中间部分想要展开日历时，吸顶的标题会有点影响，所以就想到了点击展开日历后，判断当前页面是否在顶部，不是的话，就回滚到顶部并展开日历。

js文件

// 日历组件点击显示和隐藏
  transmit() {
    if (this.data.onCalendar == false) {
      this.setData({
        onCalendar: true
      })
   // 页面回滚判断
      if(wx.pageScrollTo){
        wx.pageScrollTo({
          scrollTop: 0,
        })
      }
    } else {
      this.setData({
        onCalendar: false
      })
    }
  },

这里是写了点击按钮的方法，然后微信自带接口，只要调用wx.pageScrollTo里的scrollTop: 0，就能回滚到顶部。