微信小程序页面点击滚动到指定位置

最新推荐文章于 2024-05-23 11:14:47 发布

小白style

最新推荐文章于 2024-05-23 11:14:47 发布

阅读量2.1k

点赞数

分类专栏： JavaSctipt

本文链接：https://blog.csdn.net/weixin_43076899/article/details/114067696

版权

JavaSctipt 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

  tabFn(e) {    
    var query = wx.createSelectorQuery() //创建节点查询器
    
    query.selectViewport().scrollOffset(); //节点的竖直滚动位置
    query.select(`#${e.currentTarget.dataset.appoint}`).boundingClientRect() //动态获取id
    query.exec(function (res) { //执行请求
      wx.pageScrollTo({
        scrollTop: res[0].scrollTop + res[1].top, //滚动到页面节点的上边界坐标
        duration: 300 // 滚动动画的时长
      });
    })
   }