问题
原来测试好的登录模块,再iOS11 的情况下 出现了 input 的 光标位置跑位的现象。
原因
原因出在 布局的时候使用了 position:fixed; 的问题 。再iOS端本身对position:fixed的支持就不是很好,会出现各种小问题,现在又出现了,input光标跑位的问题,所以布局还是少用fixed的情况
解决办法
我的登录模块是单独的模块,用 position:fixed 定位在原有页面之上。
我不在使用fixed定位,那么就要使用 relative 定位。又不影响原来的布局。
所以我再弹出登录模块的时候,对本身的布局float:left 让他脱离原来文档流。我的
登录模块占据屏幕,等登录模块消失,再让他的浮动消失。可以解决上述问题
注
网上查找 给 body 加上position:fixed,width:100% 我并没有测试成功。
本文介绍了一个在iOS11环境下遇到的登录模块input光标跑位问题及解决方案。原因是使用了position:fixed导致,在移动端该属性支持不佳。通过调整为position:relative并结合float:left的方式解决了此问题。
1992

被折叠的 条评论
为什么被折叠?



