IOS中移动开发input弹出输入法后position:fixed;失效的问题解决

在ios的浏览器中若是页面存在fixed定位的元素(通常是header和footer),在点击input唤醒输入框时会把这个元素的布局弄乱,总之就是不正常了,这让移动端前端开发人员很是郁闷.网上有不少解决办法,感受都比较复杂.

使用了一个简单的办法,适用于一些情景:

点击input时focus事件触发,将fixed布局的元素改成absolute,使元素再也不浮在屏幕上;失去焦点时blur事件触发,再改成fixed布局,还原便可.