關於微信小程序 textarea組件在fixed定位的模塊中隨頁面移動問題


具體的情況:

 在模擬器中沒問題,可是在真機下就出現以下問題,  <textarea  />在一個view盒子中,view盒子是固定定位,頁面滑動時候,固定定位的盒子會定在屏幕的相對位置,但是盒子中的textarea組件(字)會跟隨頁面滑動(組件固定在了相對頁面的位置,而非屏幕的相對位置)。

 

解決: 

  官方文檔中有提及-->如果 textarea 是在一個 position:fixed 的區域,需要顯示指定屬性 fixed 為 true。

官方文檔鏈接:https://mp.weixin.qq.com/debug/wxadoc/dev/component/textarea.html 

 


1
<textarea name="textarea" class="canael_textarea" fixed="true"/>

 

注意:

屬性的填寫,fixed默認是 false的,但是如果有業務需要變動狀態(某狀態要false,某狀態要true),則需要添加綁定,直接寫false會默認轉化為true。

比如 : fixed="true" (結果為true),  fixed="false"(結果也會是true),所以需要綁定參數

 

1 <textarea name="textarea" class="canael_textarea" fixed="{{tag}}"/>
2 3 var app = getApp(); 4 Page({ 5 6 data:{ 7 tag:false 8 } 9 })


總結:以上內容供學習總結分享,有什么不對的地方或可優化的地方,歡迎各位多多指教。

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM