android让组件贴着顶部,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中底部菜单被输入法顶上去的解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

时间： 2017-01-16

android让组件贴着顶部,Android中底部菜单被输入法顶上去的解决方案相关推荐

下面不是android四大组件之一的是,Android四大组件之一 Service
Service是长期在后台运行的没界面的Android四大组件之一,默认是运行在主线程中的,如果在service中执行耗时操作超过20秒没响应的话就会造成ANR,所以可以使用IntentService ...
android开源组件化框架,轻量级Android组件化协议框架 – Android-Route...
Android-Router 高性能,灵活,简单易用的轻量级Android组件化协议框架,用来解决复杂工程的互相依赖,解耦出的单个模块有利于独立开发和维护. 目标工程解耦模块独立开发独立维护让生 ...
android中级组件,第3章 Android组件--3.3 Android中级组件【含答案】 Android应用开发基础...
(1)单选题 1 下面哪些组件表示开关组件( )? A CheckBox B Switch C RadioButton D ImageView (2)单选题 2 下面哪些组件表示复选框( )? ...
android四大组件在哪层,Android四大组件framework层
activity https://www.kancloud.cn/alex_wsc/android-deep2/413484 当前Activity Activity向AMS发送StartActivit ...
Android Jetpack组件之Hilt使用
前言最近简单看了下google推出的框架Jetpack,感觉此框架的内容可以对平时的开发有很大的帮助,也可以解决很多开发中的问题,对代码的逻辑和UI界面实现深层解耦,打造数据驱动型UI界面. And ...
Android Jetpack组件App Startup简析
1.前言最近简单看了下google推出的框架Jetpack,感觉此框架的内容可以对平时的开发有很大的帮助,也可以解决很多开发中的问题,对代码的逻辑和UI界面实现深层解耦,打造数据驱动型UI界面. A ...
Android Jetpack组件之WorkManger使用介绍
1.前言最近简单看了下google推出的框架Jetpack,感觉此框架的内容可以对平时的开发有很大的帮助,也可以解决很多开发中的问题,对代码的逻辑和UI界面实现深层解耦,打造数据驱动型UI界面. A ...
Android Jetpack组件之Navigation使用-源码
1.前言最近简单看了下google推出的框架Jetpack,感觉此框架的内容可以对平时的开发有很大的帮助,也可以解决很多开发中的问题,对代码的逻辑和UI界面实现深层解耦,打造数据驱动型UI界面. A ...
Android Jetpack组件之 Room使用-源码
1.前言最近简单看了下google推出的框架Jetpack,感觉此框架的内容可以对平时的开发有很大的帮助,也可以解决很多开发中的问题,对代码的逻辑和UI界面实现深层解耦,打造数据驱动型UI界面. A ...

android让组件贴着顶部,Android中底部菜单被输入法顶上去的解决方案

android让组件贴着顶部,Android中底部菜单被输入法顶上去的解决方案相关推荐

最新文章

热门文章