微信小程序获取元素宽高、窗口高度

  • 时间:
  • 来源:互联网

微信小程序获取元素宽高、窗口高度

	//窗口的高度
    wx.getSystemInfo({
      success: (res, rect) => {
        this.setData({
          winH: res.windowHeight
        })
      }
    })

    const query = wx.createSelectorQuery()
    query.select('.lpsw').boundingClientRect()
    query.selectViewport().scrollOffset()
    query.exec((res) => {
      // res[0].top // .lpsw节点的上边界坐标
      // res[1].scrollTop // 显示区域的竖直滚动位置
      this.setData({
        lpswH: res[0].height,
        stageH: this.data.winH - res[0].height
      })
      // console.log('打印demo的元素的信息', res);
      console.log(this.data.winH);
      console.log(this.data.stageH);

    })

微信小程序官网:https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createSelectorQuery.html

幽幽靖
发布了102 篇原创文章 · 获赞 5 · 访问量 7918
私信 关注

本文链接http://element-ui.cn/news/show-1275.aspx