之前开发了一个微信项目,安全上线,维护期中苹果手机突然出现光标错位现象,经过排查,发现是最新的ios11系统的锅。 具体情况:弹出层使用position: fixed;弹出层内附带input/textarea输入框,ios11系统的苹果机用户在点击输入框,出现键盘后,弹出层被顶上去,而光标 ...
之前开发了一个微信项目,维护期中苹果手机突然出现光标错位现象,经过排查,发现是最新的ios 系统的锅。 具体情况:弹出层使用position: fixed 弹出层内附带input textarea输入框,ios 系统的苹果机用户在点击输入框,出现键盘后,弹出层被顶上去,而光标还停留在原处,即出现错位情况。 解决思路: 解决光标错位:弹出层设置为position: absolute body添加p ...
2018-01-23 16:58 0 2473 推荐指数:
之前开发了一个微信项目,安全上线,维护期中苹果手机突然出现光标错位现象,经过排查,发现是最新的ios11系统的锅。 具体情况:弹出层使用position: fixed;弹出层内附带input/textarea输入框,ios11系统的苹果机用户在点击输入框,出现键盘后,弹出层被顶上去,而光标 ...
问题出现的背景: 在IOS11中position:fixed弹出框中的input出现光标错位的问题 解决方案 一、设计交互方面最好不要让弹窗中出现input输入框; 二、前端处理此兼容性的方案思路: 1、判断手机机型:Android or ios ios11 or ios ...
前言 在移动开发中,会遇到这样的情况,比如说有一个输入框在最底部的时候,我们弹起输入框,输入框不会在输入键盘上。 说明白简单点就是,输入框被键盘挡住了。而且在原生中,输入框应该正好在输入键盘上,但是h5 没有这种体验,那么我们需要自己实现。 再次用图说明情况。 情况一: 键盘挡住了,输入框 ...
ios11发布后,测试人员反馈回来,键盘弹起时,input光标会定位不准。 后来查了资料,原来是position:fixed,和input一起使用会出现的bug。应该来说,是fixed在移动端支持不怎么好。 解决方案是弹出表单时,给body加一个高度 var h=$(window ...
解决方案是 在弹框出现的时候给body添加fixed 当弹框消失的时候 ...
我遇到的问题:在微信浏览器里,点击蒙层的input框,弹出软键盘,蒙层被顶上去,同时input的焦点和button的点击事件也被顶上去了,软键盘消失,蒙层回到原位,但是点击input和button均没反应,点击蒙层被顶上去的位置有反应,因为input的焦点和button的点击事件没回到原位 ...
qa测试手机升级以后弹框输入光标出现错位现象,前两天由于时间紧迫,一直没有找到好的解决方案,今天一天都在解决这个bug问题,临近下班终于算比较好的解决这个问题,觉得有必要理理~ 引起原因:弹框的定位采取position:fixed,而ios(safari)对定位属性position ...
JS-CS_html formatter 卸载这个插件 如果没有,或者卸载跟这个类似的,如果还是没有就忽略这个 如果设置过自动保存 在配置上修改为 "files.autoSaveDelay": ...