[小程序] 节点查询

Page({
  queryMultipleNodes: function(){//声明节点查询的方法
    var query = wx.createSelectorQuery()//创建节点查询器 query
    query.select('#the-id').boundingClientRect()//这段代码的意思是选择Id=the-id的节点，获取节点位置信息的查询请求
    query.selectViewport().scrollOffset()//这段代码的意思是获取页面滑动位置的查询请求
    query.exec(function(res){
      res[0].top       // #the-id节点的上边界坐标
      res[1].scrollTop // 显示区域的竖直滚动位置
    })
  }
})

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  onLoad: function () {
    console.log("0")  
  },
  onShow:function(){
    var query = wx.createSelectorQuery()
    query.select('#myImage').boundingClientRect()
    query.exec(function (res) {
      console.log("1" +res)       // #the-id节点的上边界坐
    })
  },
  onReady: function () {
    var query = wx.createSelectorQuery()
    query.select('#myImage').boundingClientRect()
    query.exec(function (res) {
      console.log("2" +res[0])       // #the-id节点的上边界坐
    })
  }
})