全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[seo优化公关公司]微信小程序如何获取元素的高度

  

 

  微信小程序如何获取元素的高度

  1、获取元素的高度(px单位):

  

let query = wx.createSelectorQuery();
query◇☆.select('.content'=▷▼;).boundingClientRect(rect=>◇◇;{
 let height = rect.height▲◇■▲;
 console•☆▼.log(height);
}).exec()◁▷■△;

 

  2、获取元素的高度(rpx单位)○☆□☆,[怀化seo公司就荐久澳]新手必备的微信小程序开发指南,使用宽高比换算获得:(以下的750是该元素的宽度,单位是rpx的)

  

let query = wx.createSelectorQuery();
query.select('▷◆◇■;.content').boundingClientRect(rect=>○◆▽□;{
 let clientHeight = rect.height;
 let clientWidth = rect•◁.width;
 let ratio = 750 / clientWidth;
 let height = clientHeight * ratio;
 console.log(height)◇•;
}).exec();

 

  3○•▲•、在页面渲染完成OnReady回调●★•,获取元素高度时,如果不加定时器,获取的元素的高度还是没渲染完异步数据前的高度。故需要加定时器

  

onReady () {
 setTimeout(() => {
 let query = wx.createSelectorQuery();
 query.select('.content')○★★.boundingClientRect(rect=>▪◆▷;{
 let height = rect.height;
 console.log(height);
 })□▲.exec();
 }▲☆, 300)
}

 

  PHP中文网□•,中卫市小程序开发哪家好大量免费小程序开发教程,松滋市小程序开发哪家好欢迎学习★▼!潮州市小程序开发哪家好[seo优化公关公司]

  以上就是微信小程序如何获取元素的高度的详细内容☆■,更多请关注久澳传媒编程栏目其它相关文章!

[seo优化公关公司]微信小程序如何获取元素的高度

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。