脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → android 输入法顶上去

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

 更新时间：2017年01月18日 15:46:35   作者：个人bug集中地  
我们一般的解决方法是获取焦点，底部隐藏，失去焦点，底部菜单出现，但是，有些人会点击这个按钮收起键牌。这篇文章主要介绍了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 viewmodel 数据刷新异常的问题

    解决android viewmodel 数据刷新异常的问题

    这篇文章主要介绍了解决android viewmodel 数据刷新异常的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • android轻量级无侵入式管理数据库自动升级组件

    android轻量级无侵入式管理数据库自动升级组件

    这篇文章主要为大家介绍了android轻量级无侵入式管理数据库自动升级组件详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-02-02
  • Android实现异步加载图片

    Android实现异步加载图片

    这篇文章主要为大家详细介绍了Android实现异步加载图片的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05
  • Android优雅地处理按钮重复点击的几种方法

    Android优雅地处理按钮重复点击的几种方法

    这篇文章主要介绍了Android优雅地处理按钮重复点击的几种方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • android实现底部导航栏

    android实现底部导航栏

    这篇文章主要为大家详细介绍了android实现底部导航栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Android工程师面试题大全

    Android工程师面试题大全

    这篇文章主要为大家分享了Android工程师面试题，内容很丰富，结合网上各位的大神秒下的面试题做个总结，感兴趣的小伙伴们可以参考一下
    2016-02-02
  • Android编程滑动效果之Gallery+GridView实现图片预览功能(附demo源码下载)

    Android编程滑动效果之Gallery+GridView实现图片预览功能(附demo源码下载)

    这篇文章主要介绍了Android编程滑动效果之Gallery+GridView实现图片预览功能,结合实例形式分析了Android通过GridView和Gallery两个控件模仿Gallery图像集图片预览功能,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2016-02-02
  • Android Studio导入Project与Module的方法及实例

    Android Studio导入Project与Module的方法及实例

    这篇文章主要介绍了Android Studio导入Project与Module的方法及实例的相关资料,需要的朋友可以参考下
    2017-04-04
  • Flutter实现简单的下载按钮动画

    Flutter实现简单的下载按钮动画

    我们在app的开发过程中经常会用到一些表示进度类的动画效果，比如一个下载按钮，那么在flutter中一个下载按钮的动画应该如何制作呢，一起来看看吧
    2023-05-05
  • Android中内存泄漏需要的注意点

    Android中内存泄漏需要的注意点

    在本篇文章里小编给大家整理了关于Android中内存泄漏需要的注意点的相关内容，有此需要的朋友们参考下。
    2019-06-06

最新评论