微信小程序——wx.createSelectorQuery()获取页面或组件中界面上的节点信息

1. 官方例子----wx.createSelectorQuery()


示例代码
const query = wx.createSelectorQuery()
query.select('#the-id').boundingClientRect()
query.selectViewport().scrollOffset()
query.exec(function(res){
res[0].top // #the-id节点的上边界坐标
res[1].scrollTop // 显示区域的竖直滚动位置
})

2. 在页面中获取界面的节点信息

这个方法是绑定在顶部的自定义导航，获取导航栏的高度，通过 [ wx.getSystemInfo](https://developers.weixin.qq.com/miniprogram/dev/api/base/system/system- info/wx.getSystemInfo.html)获取的窗口可用高度，windowHeight，从而计算出的值赋给内容区域的swiper和scroll-view，从而实现内容区域上下左右滑动。


在这里需要注意的是wx.createSelectorQuery()取值时必须用that,不能使用this,不然会出现报错。

本人多次跳坑得出，希望可以帮到大家，不要再跳坑！