IOS11 光标错位问题
ios11发布后,测试人员反馈回来,键盘弹起时,input光标会定位不准。
后来查了资料,原来是position:fixed,和input一起使用会出现的bug。应该来说,是fixed在移动端支持不怎么好。
如图:
我的输入框弹出层下面还有一个遮罩层,我的遮罩层用了fixed定位,当键盘弹起时,ios视口计算问题,导致光标不跟随密码弹出框移动。
网上看了一些方法,又不想用插件。综合来说就是fixed兼容性问题。所以自己后来用了个笨笨的方法。
当input聚焦的时候,那个遮罩层的position设置为 absolute,让整个页面滚动到顶部,失焦就回去原来的fixed。为了让输入密码的那个框在键盘中间,
需要重新计算输入密码的整个框的位置。让整个页面滚动到顶部是为了键盘弹起的时候,重新计算视口高度。
这样就解决了我的问题。
如果有更好更优雅的解决方法,忠心希望给建议。
IOS11 光标错位问题相关推荐
- ios11,弹出层内的input框光标错位 键盘弹出时,输入信息,光标一直乱跳
之前开发了一个微信项目,维护期中苹果手机突然出现光标错位现象,经过排查,发现是最新的ios11系统的锅. 具体情况:弹出层使用position: fixed:弹出层内附带input/textarea输 ...
- JBuilder中光标错位的解决办法
2019独角兽企业重金招聘Python工程师标准>>> 在<JBuilder安装目录>/bin目录下找到jbuilder.config配置文件,在 # Tune this ...
- Jbuilder 9.0光标错位问题
Jbuilder 9.0光标错位时需要修改font.properties.zh文件 1.找到.../JBuilder9/jdk1.4/jre/lib/font.properties.zh文件 2.将d ...
- IOS11 弹窗上文本框光标错位问题
无意中发现了一个巨牛的人工智能教程,忍不住分享一下给大家.教程不仅是零基础,通俗易懂,而且非常风趣幽默,像看小说一样!觉得太牛了,所以分享给大家.点这里可以跳转到教程. 最近遇到个蛋疼的问题,系统的移 ...
- iOS11 input的光标错位
问题 原来测试好的登录模块,再iOS11 的情况下 出现了 input 的 光标位置跑位的现象. 原因 原因出在 布局的时候使用了 position:fixed; 的问题 .再iOS端本身对posit ...
- ios系统input光标错位
如图: 当浮层是固定定位fixed的时候,ios系统上,input输入框的光标会有错位现象,如上图 目前找到的解决方法是将fixed改为absolute定位.
- Linux Vim 光标错位,技术|Vim 复制粘帖格式错乱问题的解决办法
有时候,复制文本(尤其是代码)到 Vim,会出现格式错乱的问题.看样子,应该是自动缩进惹得祸.本文不去深究原因,直接给出解决方法. 1. paste 模式 运行如下命令,进入 paste 模式: :s ...
- Postman光标错位问题
我的版本是,Postman for Linux Version 7.14.0 一.问题 先说下问题,如图所示:正常情况下,光标应该在逗号后面,但是距离逗号还有一个tab的距离,这样你删除或者修改,就很 ...
- H5 IOS input光标错位的问题
通过百度和csdn博客发现,造成这个问题的原因是ios对position:fixed;支持度不够.所以,有用到input表单的地方,其parents尽量避免使用position:fixed,要想办法用 ...
最新文章
- system.out 汉字乱码
- 目标检测 最新源码大放送
- asp.net mvc 3 RTM 发布了!
- PAT (Advanced Level) 1017 Queueing at Bank(模拟)
- VMware使两台windows虚拟机能够互相ping通
- 「LG2664 树上游戏」
- Linux 内核中的宏定义
- 自学前端开发,前端进阶阶段需要学习哪些知识?
- IBM Rational总经理夏然谈程序员生涯
- 简单scrapy爬虫实例
- 图像的像素原点_超火的机器视觉OpenCVSharp学习笔记3——图像形态学处理
- 解决微信小程序Video 某些属性设置不起作用问题
- 面向对象12:==运算符和equals()方法、toString()方法
- MATLAB----数据拟合
- office插件开发_linux常用软件(开发设计必备)
- 2019新版35 U.S.C. 101专利适格性审查指南 新增「抽象概念三分类」及「整合至实际应用」判定标准
- 郭盛华是如何登上神坛?令全世界认识了中国的黑科技
- CCF计算机职业资格认证数字排序问题
- 新房装修选怎中式装修是不是能省钱
- UE4 时光倒流(蓝图)
热门文章
- C语言如何读取一行数据,直到按空格结束
- win10硬盘锁怎么解除_如何解除Windows10系统磁盘加密?
- FLASH制作全套工具
- ORA-01840: 输入值对于日期格式不够长
- [转载]煮酒论英雄nbsp;-nbsp;漫谈Java数据库存取技术
- 《Java解惑》系列——02字符谜题——谜题17:嗯??
- Java实现 LeetCode 738 单调递增的数字(暴力)
- idea出现Can not set int field xxx to java.lang.Long 错误
- 配电自动化“三遥”具体指什么?
- Unity如何驱动打印机打印