微信小程序实现滚动到具体位置

最新推荐文章于 2024-07-23 14:17:22 发布

罗倩楠_666

最新推荐文章于 2024-07-23 14:17:22 发布

阅读量328

点赞数 1

文章标签：微信小程序节点查询布局位置页面滚动动画时长

本文链接：https://blog.csdn.net/sunbeibei00000/article/details/109219196

版权

  // 点击总留言 图标
  toAllMsg() {
    var query = wx.createSelectorQuery() //创建节点查询器
    query.select('#allMsg').boundingClientRect() //选择id为allMsg的节点并查询的它布局位置
    // 可用于获取显示区域的尺寸，滚动位置等信息，然后添加节点的滚动位置查询请求
    query.selectViewport().scrollOffset()
    query.exec(res => { //执行请求
      if(res[0] && res[1]){
        wx.pageScrollTo({
          scrollTop: res[0].top + res[1].scrollTop, //滚动到页面节点的上边界坐标
          duration: 300 // 滚动动画的时长
        });
      }
    })
  },