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': ''});

你可能感兴趣的:(iOS下光标错位问题及fixed和input导致div跳动问题)