小程序之一键回到顶部和获取滚动条当前位置

weixin_34274029

于 2018-01-19 17:38:00 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/yanyaya/blog/1609795

本文介绍了如何在微信页面中实现获取滚动条位置及一键返回顶部的功能。通过JavaScript代码示例，展示了如何监听滚动事件并读取滚动条的位置，以及如何在支持的微信版本中平滑地将页面滚动回顶部。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

1.获取滚动条当前位置

2.回到顶部

onPageScroll:function(e){ // 获取滚动条当前位置
    console.log(e)
    console.log(e.scrollTop)//获取滚动条当前位置的值
},
goTop: function (e) {  // 一键回到顶部
 if (wx.pageScrollTo) {//判断这个方法是否可用
    wx.pageScrollTo({
      scrollTop: 0
    })
  } else {
    wx.showModal({
      title: '提示',
      content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
    })
  }
}

转载于:https://my.oschina.net/yanyaya/blog/1609795