微信小程序 textarea组件在fixed定位的模块中随页面移动问题

具体情况:

在模拟器中没问题,可是在真机下就出现以下问题。 <textarea  />在一个view盒子中,view盒子是固定定位,当聚焦时拉起软键盘,固定定位的盒子会定在屏幕的相对位置,但是盒子中的textarea组件(字)会跟随页面滑动(组件固定在了相对页面的位置,而非屏幕的相对位置)。

 

 解决方法:

官方文档(https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html)中有提到,如果 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}}"/>

var app = getApp();
Page({
   data:{
     tag:false
   }
})

 

posted @ 2022-05-25 11:03  时光独醒  阅读(40)  评论(0编辑  收藏  举报