关于微信小程序 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 })

总结：以上内容供学习总结分享，有什么不对的地方或可优化的地方，欢迎各位多多指教。

　　　

转载于:https://www.cnblogs.com/miu-key/p/7145438.html