微信小程序获取元素宽高、窗口高度
//窗口的高度
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