微信小程序获取节点的位置信息

最新推荐文章于 2024-03-22 17:55:08 发布

Misnice

最新推荐文章于 2024-03-22 17:55:08 发布

阅读量3.2k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/Misnice/article/details/102972326

版权

微信小程序专栏收录该内容

20 篇文章 2 订阅

订阅专栏

/**
 * 生命周期函数--监听页面加载
 */
onLoad: function (options) {
  let _this = this;
  let query = wx.createSelectorQuery()
  query.select('.wrap').boundingClientRect()
  query.selectViewport().scrollOffset()
  query.exec(function (res) {
    console.log(res)
    // res[0].top       // 节点的上边界坐标
    // res[1].scrollTop // 显示区域的竖直滚动位置
    _this.setData({
      wrapTop: res[0].top 
    })
    console.log(_this.data.wrapTop);
  })
},