uniapp中获取设备信息、宽高状态栏等、获取当前元素位置等、上下滑动位置、吸顶效果实现等

开发中有时候需要获取以上内容以便开展工作,下来就贴出方法:

1、获取设备信息

uni.getSystemInfo({
            success: (res) => {
//这里会获取到设备信息、包括手机品牌、屏幕尺寸、状态栏、系统版本等等
              console.log(res)
            },
          })

2、获取当前元素位置

uni.createSelectorQuery().select('.stickyScrollTop').boundingClientRect(res=>{
          //这里会获取到选择器中元素距离顶部的距离,以便后续定位或吸顶效果实现
          console.log(res);
          // this.stickyScrollTop =res.top;
        }).exec();

3、上下滑动距离

//这是一个生命周期
onPageScroll(e){
      console.log(e.scrollTop,this.scrollTop);
      if(e.scrollTop > this.scrollTop){
    //滚动距离超过变量时的操作
      }else{
  
      }
    }

你可能感兴趣的:(uniapp中获取设备信息、宽高状态栏等、获取当前元素位置等、上下滑动位置、吸顶效果实现等)