微信小程式在fixed中隨頁面移動問題

以下跟大家介紹微信小程式在fixed中隨頁面移動問題！

具體的情況：

在模擬器中沒問題，可是在真機下就出現以下問題

6d531ce303b34ee479c052fe28581e74在一個view盒子中，view盒子是固定定位，頁面滑動時候，固定定位的盒子會定在屏幕的相對位置，但是盒子中的textarea組件會跟隨頁面滑動（組件固定在了相對頁面的位置，而非螢幕的相對位置）。

解決：

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

連結：

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

注意：

屬性的填寫，fixed預設是false的，但是如果有業務需要變動狀態（某狀態要false，某狀態要true），則需要新增綁定，直接寫入false會預設轉換為true。

例如：

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

 <textarea name="textarea" class="canael_textarea" fixed="{{tag}}"/>
   app =        tag:    })

總結：

這個bug的教訓就是官方文件就是聖旨，要多看，看仔細，多麼痛的領悟！ ！ //(ㄒoㄒ)//

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

#

以上是微信小程式在fixed中隨頁面移動問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！