ios 键盘导致h5页面变形问题

键盘弹出时影响h5的fixed属性使其失效 解决方法是在弹出键盘的时候将fixed 改成static然后在键盘消失的时候再改回来 下面上一个例子

虚拟键盘在点击input和textarea的时候会出现，所以点击input事件是虚拟键盘出现，input失去焦点是虚拟键盘隐藏。
所以当虚拟键盘出现时，将fixed定位转化为static，当虚拟键盘隐藏时，将static还原为fixed，就可以解决破坏布局的问题了。

$('input').on('click',function( ){
    $('#bottom').css({'position':'static'})
});
$('input').on('blur',function( ){
    $('#bottom').css({'position':'fixed'})
});