猿问
下载APP

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

#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顶到页面中间导致布局乱了,求不要顶上去的解决方法。

KJinn
浏览 4361回答 3
3回答

KJinn

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

李晓健

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

hongsehun

不用绝对定位就能解决这个问题
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答