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信息");
  });


注意：
　　獲取的節點信息，是針對當前屏幕的位置信息，隨着屏幕上下滾動，節點位置信息也將隨之變化。