解决H5 在安卓手机上软键盘遮盖input的问题

解决方案原理:

安卓浏览器在软键盘弹出后不会像ios浏览器那样重新计算window的高度,所以导致安卓浏览器window的高度在软键盘弹出的时候为“软键盘的高度+(window的高度-软键盘的高度)”;而其实,此时,合理的高度应该是页面的高度+软键盘弹出的高度;就此解决方案为如下:

1,首先把css中设置body的高度为100%取消,设置为auto;

2,用js获取页面的整个高度,动态赋值给body

 

var view_height = $(document.body).height()

function change(){ 
    $(document.body).height(view_height )
}
change();
window.addEventListener('resize',change,false);

你可能感兴趣的:(解决H5 在安卓手机上软键盘遮盖input的问题)