uniapp获取DOM位置信息（准确的来说应该是获取节点信息）

 

uniapp获取DOM位置信息（准确的来说应该是获取节点信息）

 

首先要获取uniapp节点的信息。    https://uniapp.dcloud.io/api/ui/nodes-info?id=selectorqueryin

　const query = uni.createSelectorQuery().in(this); //获得实力
                
  //获取单个节点方式
  // query.select('.scroll_y').boundingClientRect(data => {
  //   console.log("得到布局位置信息:",data);
  //   console.log("节点离页面顶部的距离为:",data.top);
  // }).exec();
                
  //获取多个节点方式
  // query.selectAll(".selectAll").boundingClientRect(data=>{
  //     console.log(data); //得到class类名为  selectAll的数组集合
  // }).exec();
                
  //获取不同节点，链式调用
  query.selectAll(".selectAll").boundingClientRect().select(".right").boundingClientRect().select(".left").boundingClientRect(data=>{
  　　console.log(data,"链式获取单个node信息");
  }).exec(data=>{
  　　console.log(data,"链式获取多个node信息");
  });


注意：
　　获取的节点信息，是针对当前屏幕的位置信息，随着屏幕上下滚动，节点位置信息也将随之变化。