微信小程序获取元素节点时,返回值为null的原因,是因为元素在页面数据渲染前,先调用的微信小程序的方法,此时元素节点还未渲染出来,所以拿不到节点位置,返回null。文章来源:https://www.toymoban.com/news/detail-660397.html
解决办法:尽量避免动态生成元素节点,若避免不了,就设置个定时器,在页面加载几秒后再调用该方法获取元素节点位置信息,或者在页面滑动时去拿位置信息,代码逻辑处理根据需求去处理文章来源地址https://www.toymoban.com/news/detail-660397.html
const query = wx.createSelectorQuery()
query.select('#the-id').boundingClientRect()
query.selectViewport().scrollOffset()
query.exec(function(res){
res[0].top // #the-id节点的上边界坐标
res[1].scrollTop // 显示区域的竖直滚动位置})
到了这里,关于微信小程序获取节点的位置返回null的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!