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

  // 点击总留言 图标
  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 // 滚动动画的时长
        });
      }
    })
  },
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

罗倩楠_666

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值