小程序
小游戏
企业微信
微信支付
扫描小程序码分享
这个是在底部设置的一个textarea输入框,但是他会遮盖住下面固定定位的那个东西,而且点击提交订单也不是跳转到订单支付页面,而是textarea获得焦点了,请问这个问题该怎么处理呢??textarea框布局上市正常的文档流格式,提提交订单那块是固定定位到底部的
17 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我这个是在真机上的,就是用cover-view标签写,就好,但是不能用form表单提交了,把这个定在页面最下面就好了
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
input 的 placeholder 也有这种问题,我将 input 绝对定位后设置 z-index:0,才让位于上层的 position: fixed 元素将其遮住,没试过 textarea 有没有效果
解决方案是在弹窗弹出时隐藏textarea标签,弹窗隐藏时再把它显示出来,可这个只能解决弹窗的层级问题, 我的问题是怎么解决底部固定按钮(position: fixed;)和textarea的层级问题,特别苦恼
<template> <textarea value="你看看我层级是多少" /> <view class="footer-panel"> <button>提交</button> </view> </template> <style> .footer-panel { position: fixed; bottom: 0; left: 0; width: 100%; height: 88rpx; background-color: red; z-index: 3; // 重要 } </style>
微信官方文本框组件的层级:
解决方案:
1、微信官方组件 textarea 的 z-index=2。所以,你的节点设置层级高于2就可以了
2、修改 textarea 的 z-index=0
现在时间是2021年7月21日上午11点23分30秒
官方仍然保留着这个18年的bug
可喜可贺!!!!!!
挖坟,还没解决。。。我也是fixed的问题官方说来这里参考T~T
手动@微信官方,这个 bug 能修复吗
@淡漠 你的没问题,是在开发者工具上还是手机上啊?开发者工具上是正常的。我想知道手机上你怎么做能盖住textarea里的文字的,能给个代码片段吗。
我这边的这个就没问题啊
并没有呢
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我这个是在真机上的,就是用cover-view标签写,就好,但是不能用form表单提交了,把这个定在页面最下面就好了
input 的 placeholder 也有这种问题,我将 input 绝对定位后设置 z-index:0,才让位于上层的 position: fixed 元素将其遮住,没试过 textarea 有没有效果
解决方案是在弹窗弹出时隐藏textarea标签,弹窗隐藏时再把它显示出来,可这个只能解决弹窗的层级问题, 我的问题是怎么解决底部固定按钮(position: fixed;)和textarea的层级问题,特别苦恼
<template> <textarea value="你看看我层级是多少" /> <view class="footer-panel"> <button>提交</button> </view> </template> <style> .footer-panel { position: fixed; bottom: 0; left: 0; width: 100%; height: 88rpx; background-color: red; z-index: 3; // 重要 } </style>
微信官方文本框组件的层级:
解决方案:
1、微信官方组件 textarea 的 z-index=2。所以,你的节点设置层级高于2就可以了
2、修改 textarea 的 z-index=0
现在时间是2021年7月21日上午11点23分30秒
官方仍然保留着这个18年的bug
可喜可贺!!!!!!
挖坟,还没解决。。。我也是fixed的问题官方说来这里参考T~T
手动@微信官方,这个 bug 能修复吗
@淡漠 你的没问题,是在开发者工具上还是手机上啊?开发者工具上是正常的。我想知道手机上你怎么做能盖住textarea里的文字的,能给个代码片段吗。
我这边的这个就没问题啊
并没有呢