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

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

概述安卓手机输入法d出,消失会触发window.onresize事件,我们一般的解决方法是获取焦点,底部隐藏,失去焦点,底部菜单出现,但是,有些人会点击这个按钮收起键牌

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

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

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

总结

以上是内存溢出为你收集整理的Android中底部菜单被输入法顶上去的解决方案全部内容,希望文章能够帮你解决Android中底部菜单被输入法顶上去的解决方案所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147184.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存