textarea 不支持 opacity 属性???
发布于 6 年前 作者 qianglu 7841 次浏览 来自 问答

如果是 Bug:

textarea 不支持 opacity 属性???

<textarea< code=""></textarea<>
             class="input-text"
             value="{{templateMes[templateMesIndex]}}"
             bindfocus="inputFocus"
             bindblur="inputBlur"
             name="supportMessage"
             bindinput="inputMessage"
             catchtouchmove="preventScroll"
             style="color: {{hiddenTextArea ? 'rgba(0,0,0,0)' : 'rgba(225,225,225,1)'}};opacity: {{hiddenTextArea ? 0 : 1}}"
             maxlength="50">
           


想通过 hiddenTextArea 动态改变textarea;发现在 iOS 下,在 textarea 外部包裹一层 view;然后动态改变 view 的位置时,发现收起键盘时,页面会发生抖动;在开发工具上表现堪称完美,在真机上,有种想砸手机的冲动。

6 回复

为何需要opacity?你的需求是什么?

直接用 hidden 会导致 textarea 无法聚焦,键盘没有弹出;改变位置是产品提的需求,实际上 textarea 外面还包含着 东西

那改成transform: scale(0)好了 显示改为1

在 textarea 外层的View 包裹着的能够实现 动画效果

为什么不直接用hidden属性,还有为什么要改变位置,textarea本身支持fixed属性的 这样会随着键盘弹起来的

能够设置光标的颜色吗?巨丑

回到顶部