微信小程序中获取高度及设备，获取当前节点

最新推荐文章于 2024-07-21 23:26:15 发布

lxsssss

最新推荐文章于 2024-07-21 23:26:15 发布

阅读量569

点赞数

本文链接：https://blog.csdn.net/HelloWorldLJY/article/details/107173451

版权

wx.getSystemInfoSync().windowWidth   // 获取当前窗口的宽度
wx.getSystemInfoSync().windowHeight    // 获取当前窗口的高度
wx.getSystemInfoSync().model    // 获取当前使用的设备
wx.getSystemInfoSync().language   // 获取当前所采用的的语言
wx.getSystemInfoSync().version    // 获取当前设备的版本

//创建节点选择器

  var query = wx.createSelectorQuery();
    query.select('.list').boundingClientRect()；//当前元素对象 res[0].top可以获取当前元素到屏幕顶部的距离
    query.selectViewport().scrollOffset()；//这段代码的意思是获取页面滑动位置的查询请求  可用于当前页面滑动的位置至页面最顶部的距离
    query.exec((res) => {
      var listHeight = res[0].height; // 获取list高度
  })；

tips:
　　1、res[0]为当前节点的详细数据；
　　2、res[1]为显示区域的竖直滚动位置；
　　3、query.exec((res) => {})中的回调函数是最后执行的，若要获取高度等信息进行操作的话，要在回调函数中进行