zoukankan      html  css  js  c++  java
  • 关于微信小程序 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 })


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

       

  • 相关阅读:
    day13—— luffy项目 User表的配置
    day13 —— luffy项目 数据库配置
    day13- luffy项目 后端搭建
    Vue环境搭建
    Python创建虚拟环境
    pip换源
    day12--DRF 进阶7 JWT补充、基于权限的角色控制、django缓存
    C语言输出格式总结-printf()
    PAT 甲级 1108 Finding Average (20分)
    DAY30
  • 原文地址:https://www.cnblogs.com/miu-key/p/7145438.html
Copyright © 2011-2022 走看看