textarea 层级最高的问题,覆盖住了底部固定的内容
发布于 6 年前 作者 junshi 13935 次浏览 来自 问答

这个是在底部设置的一个textarea输入框,但是他会遮盖住下面固定定位的那个东西,而且点击提交订单也不是跳转到订单支付页面,而是textarea获得焦点了,请问这个问题该怎么处理呢??textarea框布局上市正常的文档流格式,提提交订单那块是固定定位到底部的

10 回复

@淡漠 你的没问题,是在开发者工具上还是手机上啊?开发者工具上是正常的。我想知道手机上你怎么做能盖住textarea里的文字的,能给个代码片段吗。

手动@微信官方,这个 bug 能修复吗

我这边的这个就没问题啊

我这个是在真机上的,就是用cover-view标签写,就好,但是不能用form表单提交了,把这个定在页面最下面就好了

解决方案是在弹窗弹出时隐藏textarea标签,弹窗隐藏时再把它显示出来,可这个只能解决弹窗的层级问题,   我的问题是怎么解决底部固定按钮(position: fixed;)和textarea的层级问题,特别苦恼

而且就是他还是盖不住textarea的字,有点像是设置了透明度一样,其他的东西能盖住,点击的时候其实也触发了textarea的获取焦点的事件,不过点击事件也能执行

你现在可以盖住textarea的字了吗

input 的 placeholder 也有这种问题,我将 input 绝对定位后设置 z-index:0,才让位于上层的 position: fixed 元素将其遮住,没试过 textarea 有没有效果

抖动的问题没了,刚刚不知道啥原因,现在正常了

回到顶部