国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序獲取節(jié)點(diǎn)的位置返回null

這篇具有很好參考價(jià)值的文章主要介紹了微信小程序獲取節(jié)點(diǎn)的位置返回null。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

微信小程序獲取元素節(jié)點(diǎn)時(shí),返回值為null的原因,是因?yàn)樵卦陧?yè)面數(shù)據(jù)渲染前,先調(diào)用的微信小程序的方法,此時(shí)元素節(jié)點(diǎn)還未渲染出來(lái),所以拿不到節(jié)點(diǎn)位置,返回null。

解決辦法:盡量避免動(dòng)態(tài)生成元素節(jié)點(diǎn),若避免不了,就設(shè)置個(gè)定時(shí)器,在頁(yè)面加載幾秒后再調(diào)用該方法獲取元素節(jié)點(diǎn)位置信息,或者在頁(yè)面滑動(dòng)時(shí)去拿位置信息,代碼邏輯處理根據(jù)需求去處理文章來(lái)源地址http://www.zghlxwxcb.cn/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節(jié)點(diǎn)的上邊界坐標(biāo)
  res[1].scrollTop // 顯示區(qū)域的豎直滾動(dòng)位置})

到了這里,關(guān)于微信小程序獲取節(jié)點(diǎn)的位置返回null的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序一鍵獲取位置

    微信小程序一鍵獲取位置

    需求 有個(gè)表單需要一鍵獲取對(duì)應(yīng)位置 并顯示出來(lái)效果如下: 點(diǎn)擊一鍵獲取獲取對(duì)應(yīng)位置 顯示在??picker 默認(rèn)選中 前端? 代碼如下: 一定注意:小程序中要配置,不然獲取位置不生效。 小程序js如下:注意 獲取到 經(jīng)緯度之后 請(qǐng)求騰訊 api key 要進(jìn)行申請(qǐng) ,申請(qǐng)很快 申請(qǐng)地址

    2024年02月08日
    瀏覽(15)
  • 微信小程序—獲取用戶位置信息

    微信小程序—獲取用戶位置信息

    代碼: 結(jié)果示例: 接下來(lái)我們需要經(jīng)度(longitude)和緯度(latitude)兩個(gè)屬性

    2024年02月08日
    瀏覽(21)
  • uniapp 微信小程序獲取當(dāng)前位置定位不準(zhǔn)確問(wèn)題 uniapp 微信小程序獲取當(dāng)前位置的坐標(biāo)(經(jīng)緯度),通過(guò)坐標(biāo)去獲取當(dāng)前具體地址

    uniapp 微信小程序獲取當(dāng)前位置定位不準(zhǔn)確問(wèn)題 uniapp 微信小程序獲取當(dāng)前位置的坐標(biāo)(經(jīng)緯度),通過(guò)坐標(biāo)去獲取當(dāng)前具體地址

    點(diǎn)擊獲取定位-位置授權(quán)-顯示地址信息 1 2、 3、 以下3處(!??!必需)必須滿足 manifest.json(?。?!必需)

    2024年02月08日
    瀏覽(100)
  • 微信小程序獲取當(dāng)前位置,支持位置搜索,拖拽定位

    微信小程序獲取當(dāng)前位置,支持位置搜索,拖拽定位

    場(chǎng)景:微信小程序收貨地址,導(dǎo)航地址,定位等需求 微信開(kāi)發(fā)者工具示例: 手機(jī)調(diào)試示例: 附上完整代碼(在程序里寫(xiě)入這個(gè)方法,寫(xiě)點(diǎn)擊事件直接進(jìn)行方法調(diào)用,會(huì)自動(dòng)喚起微信地圖頁(yè)面,如上圖所示): 在調(diào)試過(guò)程中遇到位置授權(quán)問(wèn)題,部分手機(jī)無(wú)法展示頁(yè)面,一直停

    2024年02月12日
    瀏覽(92)
  • 微信小程序自定義組件boundingClientRect獲取到的rect值為null

    const query = wx.createSelectorQuery().in(this) 這一句是最重要的,要用.in(this),this傳入的是自定義組件的實(shí)例。 不然獲取到的rect值為null

    2024年02月13日
    瀏覽(93)
  • 微信小程序獲取dom元素

    微信小程序獲取dom元素

    微信小程序不支持document.querySelect獲取元素,它內(nèi)置了獲取元素的兩種方法,第一種是通過(guò) wx.createSelectorQuery()獲取dom元素,第二種時(shí)給想要使用的對(duì)象綁定事件,輸出e對(duì)象,就能拿到該對(duì)象的一些信息 先在頁(yè)面上定義一個(gè)view標(biāo)簽 ?

    2024年02月08日
    瀏覽(24)
  • 微信小程序 通過(guò)獲取地理位置查看天氣

    微信小程序 通過(guò)獲取地理位置查看天氣

    ? 1.在app.json中寫(xiě)入 2.申請(qǐng)和風(fēng)天氣APIKEY?和風(fēng)天氣開(kāi)發(fā)平臺(tái) ~ 高效強(qiáng)大的天氣API,天氣SDK和天氣插件 3.在js文件中設(shè)置變量 4.獲取天氣代碼? 5.根據(jù)坐標(biāo)獲取城市? 6.獲取天氣情況? ?結(jié)束啦。

    2024年02月09日
    瀏覽(92)
  • 微信小程序如何使用地球半徑計(jì)算兩組經(jīng)緯度點(diǎn)之間的距離(自身位置與接口返回位置)【上】

    微信小程序如何使用地球半徑計(jì)算兩組經(jīng)緯度點(diǎn)之間的距離(自身位置與接口返回位置)【上】

    目錄 1.配置位置權(quán)限? 2.獲取當(dāng)前自身經(jīng)緯度? 3. 請(qǐng)求接口拿到返回經(jīng)緯 4. 循環(huán)取每一項(xiàng)的經(jīng)緯 5.如何判斷是否打開(kāi)了定位權(quán)限? 6.進(jìn)行距離計(jì)算操作? 7.運(yùn)行效果 8.完整代碼 首先在使用小程序時(shí),請(qǐng)求的接口一定要去配置合法域名,才能夠進(jìn)行接下來(lái)的操作。? 在app.json中添

    2024年02月06日
    瀏覽(25)
  • 微信小程序-獲取用戶位置(經(jīng)緯度+所在城市)

    微信小程序-獲取用戶位置(經(jīng)緯度+所在城市)

    獲取用戶所在的城市 1.利用微信小程序的接口函數(shù)獲取用戶位置的經(jīng)緯度 2.將經(jīng)緯度 逆解析 為結(jié)構(gòu)化的文字地址 3.根據(jù)結(jié)構(gòu)化的文字地址提取出需要的地址結(jié)構(gòu)成分,如省份、城市、區(qū)縣等。 3.1 用到的接口函數(shù) 微信小程序-獲取用戶位置的接口函數(shù):wx.getLocation(Object objec

    2024年02月01日
    瀏覽(23)
  • 微信小程序之移動(dòng)地圖獲取坐標(biāo)和位置信息

    微信小程序之移動(dòng)地圖獲取坐標(biāo)和位置信息

    一、實(shí)現(xiàn)效果演示 其實(shí)就是在小程序上移動(dòng),然后實(shí)時(shí)的獲取地址中心點(diǎn)的坐標(biāo)信息,然后通過(guò)坐標(biāo)數(shù)據(jù)信息獲取地址信息的過(guò)程; ?二、前端代碼實(shí)現(xiàn) view?class=\\\"mapshow\\\" ??map?class=\\\"mapUI\\\"?id=\\\"myMap\\\"?scale=\\\"13\\\"?bindmarkertap=\\\"bindmarkertap\\\"?data-index=\\\"{{index}}\\\"?show-location?markers=\\\"{{marker

    2024年02月03日
    瀏覽(34)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包