隐藏虚拟按键导致input组件focus出错
发布于 6 年前 作者 szeng 17209 次浏览 来自 问答

在页面的底部有 input(text) 组件,点击输入时,页面会整体向上偏移,让input组件显示在界面中。

但在任一一个有虚拟按键的手机上(比如华为、mix等),将虚拟按键自动隐藏,在重复上述行为,会导致向上偏移不够,据观察,恰好未虚拟按键的高度。

实际例子:

印象云笔记,添加多条清单,点击最底部的清单,可以看到focus的input没出现在界面中。

1 回复
cursor-spacingNumber0指定光标与键盘的距离,单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离

你试试这个属性   距离设置成虚拟建的高度   试试能不能解决

回到顶部