码迷,mamicode.com
首页 > 移动开发 > 详细

IOS11 光标错位问题

时间:2017-09-26 19:15:48      阅读:477      评论:0      收藏:0      [点我收藏+]

标签:性问题   输入密码   弹出框   src   兼容性   优雅   osi   输入   密码   

 ios11发布后,测试人员反馈回来,键盘弹起时,input光标会定位不准。

后来查了资料,原来是position:fixed,和input一起使用会出现的bug。应该来说,是fixed在移动端支持不怎么好。

如图:

我的输入框弹出层下面还有一个遮罩层,我的遮罩层用了fixed定位,当键盘弹起时,ios视口计算问题,导致光标不跟随密码弹出框移动。

网上看了一些方法,又不想用插件。综合来说就是fixed兼容性问题。所以自己后来用了个笨笨的方法。

当input聚焦的时候,那个遮罩层的position设置为 absolute,让整个页面滚动到顶部,失焦就回去原来的fixed。为了让输入密码的那个框在键盘中间,

需要重新计算输入密码的整个框的位置。让整个页面滚动到顶部是为了键盘弹起的时候,重新计算视口高度。

这样就解决了我的问题。

如果有更好更优雅的解决方法,忠心希望给建议。

 

技术分享

 

IOS11 光标错位问题

标签:性问题   输入密码   弹出框   src   兼容性   优雅   osi   输入   密码   

原文地址:http://www.cnblogs.com/krypton7758/p/7598052.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!