iOS下光标错位问题及fixed和input导致div跳动问题

在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': ''});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,770评论 1 45
  • 相关知识点 移动端、 适配(兼容)、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
    sandisen阅读 25,590评论 3 67
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,019评论 3 119
  • 有一个故事故事。记者问科比:“你为什么如此成功?”科比反问记者:“你知道洛杉矶凌晨四点的样子吗?”记者摇摇头。科比...
    李静北阅读 5,640评论 19 49