小程序scroll-view 如何获取滚动条滚动的高度 scrollTop

发布于 2022-09-12 23:08:03 字数 641 浏览 25 评论 0

通过绑定 scroll 事件 bindscroll="handleScroll" ,然后通过e.detail.scrollTop 是可以获取到的,但是,我希望通过代码而不是事件中获取,改怎么做呢?

尝试了一下网上说的

  scroll(e) {


    const query = wx.createSelectorQuery()
    //scroller2 scroll-view 的 id 属性
    query.select('#scroller2').boundingClientRect()
    query.selectViewport().scrollOffset()
    query.exec(function(res){
      res[0].top       // #the-id节点的上边界坐标
      res[1].scrollTop // 显示区域的竖直滚动位置
      
      console.log(res)

      // console.log('aaa=' + res[0].top)
      // console.log('bbb=' + res[1].scrollTop)
    })
  },

res[1].scrollTop 得到的结果始终是 一个固定值。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

层林尽染 2022-09-19 23:08:03

selectViewport是针对可视区域的信息吧,你需要的应该是获取节点的scrollTop

const query = wx.createSelectorQuery()
query.select('#scroller2').scrollOffset()
query.exec(function(res){
   console.log(res)
})
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文