最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 20:16:39
文档

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

微信小程序在fixed中随页面移动问题:下面给大家介绍关于微信小程序在fixed中随页面移动问题!具体的情况:在模拟器中没问题,可是在真机下就出现以下问题<textarea />在一个view盒子中,view盒子是固定定位,页面滑动时候,固定定位的盒子会定在屏幕的相对位置,但是盒子中的textar
推荐度:
导读微信小程序在fixed中随页面移动问题:下面给大家介绍关于微信小程序在fixed中随页面移动问题!具体的情况:在模拟器中没问题,可是在真机下就出现以下问题<textarea />在一个view盒子中,view盒子是固定定位,页面滑动时候,固定定位的盒子会定在屏幕的相对位置,但是盒子中的textar

下面给大家介绍关于微信小程序在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中随页面移动问题

微信小程序在fixed中随页面移动问题:下面给大家介绍关于微信小程序在fixed中随页面移动问题!具体的情况:在模拟器中没问题,可是在真机下就出现以下问题<textarea />在一个view盒子中,view盒子是固定定位,页面滑动时候,固定定位的盒子会定在屏幕的相对位置,但是盒子中的textar
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top