1. 程式人生 > >微信小程式怎麼動態獲取view的高度以及獲取view到頁面頂部的距離

微信小程式怎麼動態獲取view的高度以及獲取view到頁面頂部的距離

首先給你的xml物件一個id:

<view class="usermotto" style="height:213px;" id='mjltest'/>

然後在js裡,用一個SelectorQuery來選擇對應id的節點(注意id前面要加一個#號),就可以獲取對應節點的屬性,包括高度。

//建立節點選擇器
var query = wx.createSelectorQuery();
//選擇id
query.select('#mjltest').boundingClientRect()
query.exec(function (res) {
  //res就是 所有標籤為mjltest的元素的資訊 的陣列
  console.log(res);
  //取高度
  console.log(res[0].height);
})

可以看到取到的高度和其他資訊。

小程式官方文件api說明:https://developers.weixin.qq.com/miniprogram/dev/api/wx.createSelectorQuery.html