h5 ios微信浏览器 input获取焦点后,收起软键盘,光标错位

整个页面布局如下:

h5 ios微信浏览器 input获取焦点后,收起软键盘,光标错位

外层设置fixed的原因是不让页面在浏览器中进行上下拖拽,

最后形成的结果是:输入框获取焦点输入内容后,光标错位,导致不能选中输入框重新获取焦点(页面上移,但是布局未产生影响);

解决

改变页面布局:

外层fixed取消,改用 display:flex布局,将内容分为3部分,中间内容flex-grow: 1; 好了

 

给input设置fixed或者input的父元素设置fixed 导致此原因

h5 ios微信浏览器 input获取焦点后,收起软键盘,光标错位

上一篇:猩球StarBall ,一个方便约球的小程序


下一篇:安卓开发笔记(三十三):Android仿写微信发现