具體的情況:
在模擬器中沒問題,可是在真機下就出現以下問題, <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 })
總結:以上內容供學習總結分享,有什么不對的地方或可優化的地方,歡迎各位多多指教。