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

Lucky_zss

于 2024-06-18 22:57:32 发布

阅读量134

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/zss_base/article/details/139785721

 
<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,
    });
  },