下面給大家介紹關(guān)于微信小程序在fixed中隨頁面移動(dòng)問題!
具體的情況:
在模擬器中沒問題,可是在真機(jī)下就出現(xiàn)以下問題
<textarea />在一個(gè)view盒子中,view盒子是固定定位,頁面滑動(dòng)時(shí)候,固定定位的盒子會(huì)定在屏幕的相對(duì)位置,但是盒子中的textarea組件會(huì)跟隨頁面滑動(dòng)(組件固定在了相對(duì)頁面的位置,而非屏幕的相對(duì)位置)。
解決:
官方文檔中有提及-->如果 textarea 是在一個(gè) position:fixed 的區(qū)域,需要顯示指定屬性 fixed 為 true。
鏈接:
<textarea name="textarea" class="canael_textarea" fixed="true"/>
注意:
屬性的填寫,fixed默認(rèn)是 false的,但是如果有業(yè)務(wù)需要變動(dòng)狀態(tài)(某狀態(tài)要false,某狀態(tài)要true),則需要添加綁定,直接寫false會(huì)默認(rèn)轉(zhuǎn)化為true。
比如 :
fixed="true" (結(jié)果為true), fixed="false"(結(jié)果也會(huì)是true),所以需要綁定參數(shù)
<textarea name="textarea" class="canael_textarea" fixed="{{tag}}"/> app = tag: })
總結(jié):
這個(gè)bug的教訓(xùn)就是官方文檔就是圣旨,要多看,看仔細(xì),多么痛的領(lǐng)悟!!//(ㄒoㄒ)//
以上內(nèi)容供學(xué)習(xí)總結(jié)分享,有什么不對(duì)的地方或可優(yōu)化的地方,歡迎各位多多指教。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com