在iOS的web移动端中设置了个弹窗，有两个input和一个textarea，在Safari浏览器中出现了两个问题，一个是iPhone 7plus光标错位问题，一个是iPhone 6s切换input输入时父级div跳动问题。在实践中最外层的div设置的是position：fixed，父级设置的是position：absolute。
出现问题的解决方法是通过jQuery处理：
在弹窗显示的时候，设置body的position：fixed
$('body').css({'position': 'fixed', 'width': '100%'});
弹窗隐藏的时候，设置body的position：''
$('body').css({'position': '', 'width': ''});
在iOS的web移动端中设置了个弹窗，有两个input和一个textarea，在Safari浏览器中出现了两个问题...
ios 部分机型 对input框不兼容 当获取焦点后，光标错位，一般是弹出框使用fixed布局导致； 而光标过大，...
计划 Input框在IOS下的fixed不起效问题 Emoji 输入 头像剪切 实际 Input框在IOS下的fi...
iOS上面输入框光标和字体无法居中 如何解决input输入框在ios中光标及字体不居中的问题；问题根本：不要使用l...
描述：ios UC 浏览器表单获得焦点，头部和底部fixed定位错位问题解释：fixed定位错位是因为表单获得焦点...
方法1. 给 body设置fiexd（此方法会导致第一次点击Input没有光标） 尝试了给别的元素点击或再次获取...
遇到一个bug苹果手机弹出框用fixed定位，弹框内有input可编辑，当获取光标后输入或删除文字时光标会错位，找...
ios端兼容input光标高度问题：input输入光标，在苹果手机上点击输入时，光标的高度会和父盒子的高度一样高分...
如何解决input输入框在ios中光标及字体不居中的问题；问题根本：不要使用line-height垂直居中。解决方...
如何解决input输入框在ios中光标及字体不居中的问题；问题根本：不要使用line-height垂直居中。解决方...
本文标题：iOS下光标错位问题及fixed和input导致div跳动问题
本文链接：https://www.haomeiwen.com/subject/cnrlpftx.html
网友评论