微信小程序学习-动态获取组件宽高

记录下自己踩的坑。。。

具体情况是做的小程序需要实现个功能就是有一个导航栏,点击导航栏能跳转到下方scroll-view中的对应位置

实现方法是利用query具体参考这篇文章:https://www.cnblogs.com/zjjDaily/p/9566234.html

然后遇到的一个问题是计算出来的节点高度不对。。。

问题就是上文结尾说的小程序的生命周期问题。。。由于是异步的执行所以很可能你请求的数据还没收到页面内容还没加载完成query的计算就已经结束了

解决方法就是使用定时器保证页面加载完后再计算

微信小程序学习-动态获取组件宽高_第1张图片

 

以及onload,onready,onshow三个过程都不是指向页面完全加载完成的时候。。。。

onRady 是页面加载完成指的是框架加载完成【盲猜一个是wxml的结构加载完成(断网没js加载数据的那种)】

onShow是页面显示的时候调用但是小程序并不是页面上所有内容都加载完成后再显示的。。。。

【所以会有先显示一片空白然后才出现内容的情况。。。】

说白了还是生命周期的问题。。。

 

心情复杂

你可能感兴趣的:(微信小程序学习-动态获取组件宽高)