小程序回到顶部

<!-- 回到顶部 -->
<image src="https://file.lojangcc.com/weapp/common/hm-top.png" hidden="{{showTotop}}" bindtap="toTop" class="totop"/>

// 获取滚动条当前位置
    onPageScroll: function (e) {
      if (e.scrollTop > 300) {
        this.setData({
          showTotop: false,
        })
      } else {
        this.setData({
          showTotop: true,
        })
      }
    },

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

你可能感兴趣的:(小程序)