首页 > 微信 > 详细

微信小程序 判断页面是否滚动到底部

时间:2021-04-09 12:36:29      阅读:303      评论:0      收藏:0      [点我收藏+]

需求:页面滚动到底部时,隐藏浮标隐藏

技术分享图片

  • 主要代码
const height = wx.getSystemInfoSync().windowHeight
const query = wx.createSelectorQuery().in(this)
query.select(‘#list‘).boundingClientRect()
query.selectViewport().scrollOffset()
query.exec((res: any) => {
  // 列表的bottom不会为0
  // 当列表触底时,有一个窗口的高度的内容处于页面内,所以当列表的bottom等于窗口高度时,列表到达底部
  if (res[0].bottom == height) {
    // 页面到达底部,此时可以根据需要进行隐藏浮标
  }
})

微信小程序 判断页面是否滚动到底部

原文:https://www.cnblogs.com/hsuhung/p/14636378.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!