微信小程序获取节点的位置返回null

这篇具有很好参考价值的文章主要介绍了微信小程序获取节点的位置返回null。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信小程序获取元素节点时,返回值为null的原因,是因为元素在页面数据渲染前,先调用的微信小程序的方法,此时元素节点还未渲染出来,所以拿不到节点位置,返回null。

解决办法:尽量避免动态生成元素节点,若避免不了,就设置个定时器,在页面加载几秒后再调用该方法获取元素节点位置信息,或者在页面滑动时去拿位置信息,代码逻辑处理根据需求去处理文章来源地址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模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序一键获取位置

    需求 有个表单需要一键获取对应位置 并显示出来效果如下: 点击一键获取获取对应位置 显示在  picker 默认选中 前端  代码如下: 一定注意:小程序中要配置,不然获取位置不生效。 小程序js如下:注意 获取到 经纬度之后 请求腾讯 api key 要进行申请 ,申请很快 申请地址

    2024年02月08日
    浏览(38)
  • 微信小程序—获取用户位置信息

    代码: 结果示例: 接下来我们需要经度(longitude)和纬度(latitude)两个属性

    2024年02月08日
    浏览(62)
  • uniapp 微信小程序获取当前位置定位不准确问题 uniapp 微信小程序获取当前位置的坐标(经纬度),通过坐标去获取当前具体地址

    点击获取定位-位置授权-显示地址信息 1 2、 3、 以下3处(!!!必需)必须满足 manifest.json(!!!必需)

    2024年02月08日
    浏览(72)
  • 微信小程序获取当前位置,支持位置搜索,拖拽定位

    场景:微信小程序收货地址,导航地址,定位等需求 微信开发者工具示例: 手机调试示例: 附上完整代码(在程序里写入这个方法,写点击事件直接进行方法调用,会自动唤起微信地图页面,如上图所示): 在调试过程中遇到位置授权问题,部分手机无法展示页面,一直停

    2024年02月12日
    浏览(64)
  • 微信小程序自定义组件boundingClientRect获取到的rect值为null

    const query = wx.createSelectorQuery().in(this) 这一句是最重要的,要用.in(this),this传入的是自定义组件的实例。 不然获取到的rect值为null

    2024年02月13日
    浏览(45)
  • 微信小程序获取dom元素

    微信小程序不支持document.querySelect获取元素,它内置了获取元素的两种方法,第一种是通过 wx.createSelectorQuery()获取dom元素,第二种时给想要使用的对象绑定事件,输出e对象,就能拿到该对象的一些信息 先在页面上定义一个view标签  

    2024年02月08日
    浏览(42)
  • 微信小程序 通过获取地理位置查看天气

      1.在app.json中写入 2.申请和风天气APIKEY 和风天气开发平台 ~ 高效强大的天气API,天气SDK和天气插件 3.在js文件中设置变量 4.获取天气代码  5.根据坐标获取城市  6.获取天气情况   结束啦。

    2024年02月09日
    浏览(71)
  • 微信小程序如何使用地球半径计算两组经纬度点之间的距离(自身位置与接口返回位置)【上】

    目录 1.配置位置权限  2.获取当前自身经纬度  3. 请求接口拿到返回经纬 4. 循环取每一项的经纬 5.如何判断是否打开了定位权限  6.进行距离计算操作  7.运行效果 8.完整代码 首先在使用小程序时,请求的接口一定要去配置合法域名,才能够进行接下来的操作。  在app.json中添

    2024年02月06日
    浏览(54)
  • 微信小程序之移动地图获取坐标和位置信息

    一、实现效果演示 其实就是在小程序上移动,然后实时的获取地址中心点的坐标信息,然后通过坐标数据信息获取地址信息的过程;  二、前端代码实现 view class=\\\"mapshow\\\"   map class=\\\"mapUI\\\" id=\\\"myMap\\\" scale=\\\"13\\\" bindmarkertap=\\\"bindmarkertap\\\" data-index=\\\"{{index}}\\\" show-location markers=\\\"{{marker

    2024年02月03日
    浏览(48)
  • 微信小程序-获取用户位置(经纬度+所在城市)

    获取用户所在的城市 1.利用微信小程序的接口函数获取用户位置的经纬度 2.将经纬度 逆解析 为结构化的文字地址 3.根据结构化的文字地址提取出需要的地址结构成分,如省份、城市、区县等。 3.1 用到的接口函数 微信小程序-获取用户位置的接口函数:wx.getLocation(Object objec

    2024年02月01日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包