微信小程序怎么动态获取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

猜你喜欢

转载自blog.csdn.net/promiseCao/article/details/84679803
今日推荐