zoukankan      html  css  js  c++  java
  • 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信息");
      });


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

     

  • 相关阅读:
    Python变量常量命名
    代码格式
    Python 输入输出
    数据源
    LaTeX Test
    软件工程
    eclipse-智能提示设置
    java代码里设置指定颜色常值
    命令行中Vim直接打开某行
    Vim里快速替换命令
  • 原文地址:https://www.cnblogs.com/swt-axios/p/13470533.html
Copyright © 2011-2022 走看看