Android中底部菜单被输入法顶上去的解决方案

安卓手机输入法弹出,消失会触发

window.onresize事件，我们一般的解决方法是获取焦点，底部隐藏，失去焦点，底部菜单出现，但是，有些人会点击这个按钮收起键牌

那么，这个时候你的失去焦点无效，还有一种方法呢，是把position:fixed;改成position:absoult;这样底部菜单就不会顶上去，但是这种方法，经过我的实验，还是会被输入法顶上去，这两种方法都不要完全解决问题，还有一种是布局的问题，主页面:position:relative,底部菜单:position：absoult;这个方法在一定的时间段内有用，这几种方法在做逛周边的时候我都用过，结果全被测试打回，这个bug只能解决,毕竟有些处女座是无法忍受这种问题,写了那么多的废话，下面贴出解决办法:兼容安卓和苹果:

安卓手机。针对这个输入法隐藏事件

安卓手机有这个事件,iphone没有,iphone点击这个按钮会让input框失去焦点

window.onresize = function () {
 var h = $(window).height();
 //console.log(h+','+window.screen.availHeight)
 var u = navigator.userAgent;
 if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
 if(h <= window.screen.availHeight/2){
  $('#toNav').css({'position':'absoult',"margin-top":"-.5rem",'display':'none'});
 }else{
  $('#toNav').css({'position':'fixed','display':'block'});
 }
 }
}
$('input').on('focus',function(){
 $('#toNav').hide();
})
$('input').on('blur',function(){
 $('#toNav').show();
})

注:有代码洁癖的人可看下面的，前面代码，已解决底部菜单被输入法顶上去的问题

另外input框是去焦点，底部菜单出现时，会出现底部菜单被弹上去，然后再弹下来,这个一般有些人都不会忍，所有我们失去焦点需要改变一下底部的样式，在安卓上和iphone上有时候底部的样式有可能会不同，这个时候我们需要判断手机类型去修改样式。

以上所述是小编给大家介绍的Android中底部菜单被输入法顶上去的解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# android # 输入法顶上去 # 底部菜单 # android底部菜单栏实现原理与代码 # Android仿QQ空间底部菜单示例代码 # Android仿UC底部菜单栏实现原理与代码 # Android PopupWindow实现右侧、左侧和底部弹出菜单 # Android仿微信顶/底部菜单栏效果 # Android开发之微信底部菜单栏实现的几种方法汇总 # Android仿微信底部菜单栏功能显示未读消息数量 # Android使用Activity实现从底部弹出菜单或窗口的方法 # Android仿网易严选底部弹出菜单效果 # Android使用CoordinatorLayout实现底部弹出菜单 # 顶上去 # 这个时候 # 小编 # 的人 # 在此 # 我都 # 那么多 # 上有 # 给大家 # 弹出 # 会让 # 然后再 # 写了 # 解决问题 # 有些人 # 用过 # 人会 # 现时 # 在一 # 这两种

返回目录在线咨询

上一篇：如何在Golang中优化日志写入性能_使用缓冲和异步处理
下一篇：Top建站域名常见错误：避免这些坑，确保网站顺利上线

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Android中底部菜单被输入法顶上去的解决方案

您的项目需求