公告列表
公告列表
收藏
回答

textarea层级过高，高于fixed定位？

在textarea上做弹出层时，会发现，textarea层级非常高，即使给了fixed底部定位相当大的z-index值，也不起作用


回答关注问题邀请回答
收藏

6 个回答

  • 见青山
    见青山
    2020-01-11

    请问你这个是在页面滑动的时候，textarea组件里的placeholder跟着一起往下滑是吗，如果你解决了的话 ，麻烦您跟我说下思路，感谢

    2020-01-11
    有用
    回复 10
    • 夏沫烟雨
      夏沫烟雨
      2020-01-16
      我这个不是你说的这个问题呢，我这个是textarea的层级高于了下面fixed定位的提交申请这个按钮。
      2020-01-16
      赞
      回复
    • 见青山
      见青山
      2020-01-16回复夏沫烟雨
      啊 意思是 你的textarea组件位置一直没有变过，只是层级高于你的提交按钮了
      2020-01-16
      赞
      回复
    • 夏沫烟雨
      夏沫烟雨
      2020-01-16回复见青山
      不是的，页面滑动的时候textarea组件位置会变，就是变动的时候和下面提交按钮重合了，就出现了图上的情况。
      2020-01-16
      赞
      回复
    • 见青山
      见青山
      2020-01-16回复夏沫烟雨
      那你是怎么解决你这个问题的
      2020-01-16
      赞
      回复
    • 夏沫烟雨
      夏沫烟雨
      2020-01-16回复见青山
      cover-view
      2020-01-16
      赞
      回复
    查看更多(5)
  • johon
    johon
    2019-10-25

    其实有另一个方案，就是自己做个textarea组件，在获取焦点的时候，显示的是textarea原生组件，失去焦点的时候就使用view显示文本内容。这样就不用担心层级问题了。

    2019-10-25
    有用
    回复 1
    • 夏沫烟雨
      夏沫烟雨
      2019-10-26
      好的呢，谢谢你的提议呢
      2019-10-26
      赞
      回复
  • 污昂ᰔᩚ王࿐
    污昂ᰔᩚ王࿐
    2019-10-25

    textarea 是原生组件  会覆盖一般组件  你试试用cover-view 把button 包裹然后加z-index

    2019-10-25
    有用
    回复 5
    • 卢霄霄
      卢霄霄
      2019-10-25
      cover-view可以盖住的组件理论上不包括 textarea的
      2019-10-25
      赞
      回复
    • 污昂ᰔᩚ王࿐
      污昂ᰔᩚ王࿐
      2019-10-25回复卢霄霄
      但是是可以覆盖住的
      2019-10-25
      赞
      回复
    • 夏沫烟雨
      夏沫烟雨
      2019-10-26回复污昂ᰔᩚ王࿐
      嗯嗯，可能理论上可以盖住的不包括textarea，但实际中盖住了
      2019-10-26
      赞
      回复
    • 相逢便是缘
      相逢便是缘
      2019-12-04
      厉害了我的歌
      2019-12-04
      赞
      回复
    • ArielTang
      ArielTang
      2020-03-21回复污昂ᰔᩚ王࿐
      我试了不行啊
      2020-03-21
      赞
      回复
  • 吴迪
    吴迪
    2019-10-25

    用cover-view，或者可以通过wx:if隐藏

    2019-10-25
    有用
    回复 1
    • 夏沫烟雨
      夏沫烟雨
      2019-10-26
      这2种都可以使用呢，谢谢你的提议。
      2019-10-26
      赞
      回复
  • 子不语
    子不语
    2019-10-25

    textarea 是原生组件，永远在最上层，参照https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html


    可以尝试使用 cover-view 进行覆盖


    2019-10-25
    有用
    回复 4
    • 夏沫烟雨
      夏沫烟雨
      2019-10-26
      嗯嗯，收到，用cover-view可以解决这个问题。
      2019-10-26
      赞
      回复
    • 子不语
      子不语
      2019-10-26回复夏沫烟雨
      嗯嗯
      2019-10-26
      赞
      回复
    • Melin00
      Melin00
      2019-12-17
      cover-view有很多坑 比如我的是自定义导航栏 那就不行了 页面滚上去 连我的自定义导航栏都挡住了
      2019-12-17
      赞
      回复
    • 子不语
      子不语
      2019-12-17回复Melin00
      正常
      2019-12-17
      赞
      回复
  • 王浩Hanks🇨🇳
    王浩Hanks🇨🇳
    2019-10-25

    谢邀，前端我不擅长。。。建议你可以弄个代码片段，大家帮你看看

    2019-10-25
    有用
    回复 1
    • 夏沫烟雨
      夏沫烟雨
      2019-10-26
      没事呢，用cover-view就可以解决了这个问题呢
      2019-10-26
      赞 2
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
小程序开发组件textarea表单组件