首页  >  文章  >  web前端  >  微信小程序在fixed中随页面移动问题

微信小程序在fixed中随页面移动问题

巴扎黑
巴扎黑原创
2017-07-23 16:20:599231浏览

微信小程序在fixed中随页面移动问题

下面给大家介绍关于微信小程序在fixed中随页面移动问题!

具体的情况:

在模拟器中没问题,可是在真机下就出现以下问题

cc5e1919830eeb2d455aafd32a3da8e0在一个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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn