手机浏览器虚拟键盘把底部按钮顶上去

Question

#send{ width:40%; height:44px; line-height:42px; color:#000533; background:#fff; border:1px solid #000533; position:absolute; bottom:6%; left:30%;}

<button id="send">提交</button>

部分安卓机型在点击输入框弹出虚拟键盘的时候会把send顶到页面中间导致布局乱了，求不要顶上去的解决方法。

Answer 1

已经完美解决了。附上代码供后来者参考window.onload = function(){ var h = $('body').height(); $('body').css('min-height',h); }

Answer 2

键盘出来的时候  肯定就是input 光标进入的事件，在这个事件里把 button 隐藏，input失去光标时，就是键盘收起来的时候，再把 button  显示出来 

Answer 3

不用绝对定位就能解决这个问题