
下面给大家介绍关于微信小程序在fixed中随页面移动问题!
具体的情况:
在模拟器中没问题,可是在真机下就出现以下问题
<textarea />在一个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中文网其它相关文章!
微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号