微信小程序，回到顶部功能

原创于 2024-06-18 22:57:32 发布 · 134 阅读

CC 4.0 BY-SA版权

文章标签：

 
<view style="position: fixed;bottom: 100rpx;right:50rpx;z-index: 999;" wx:if="{{show}}" bindtap="goTop">
  向上
</view> 









 // 监听页面滚动位置  回到顶部按钮  什么时候显示
  onPageScroll(e: ScrollViewScroll) {
    console.log(e);
    this.setData({ show: e.scrollTop > 200 });
  },
  goTop() {
    wx.pageScrollTo({
      scrollTop: 0,
    });
  },