解决思路:监听当前窗口大小变化，当键盘弹出时，窗体变小，此时隐藏该div
代码:
var windowInnerHeight = window.innerHeight;//获取当前浏览器窗口高度
//当前窗口变化时，发生resize()方法
$(window).resize(function(){
if(window.innerHeight < windowInnerHeight){
$('.foot').hide();
}else{
$('.foot').show();
}
});
测试软件，发现当软键盘弹出时候，用fixed定位在底部的导航栏会随着键盘一起向上移动。
因为是第一次正式写页面，所以遇到问题习惯性百度。第一次修改，当input框获取焦点，键盘弹出，隐藏该div；input失去焦点，显示该div。因为我习惯在内容输入完直接隐藏键盘，此时就发现了问题。隐藏了键盘但是input还没有失去焦点，所以该div还是隐藏状态。
继续网上找答案，在简书上看到了如上的解决方案。
至此问题解决。
解决思路:监听当前窗口大小变化，当键盘弹出时，窗体变小，此时隐藏该div 代码: var windowInnerH...
解决软键盘遮挡问题 scrollview移动距离=点击item的坐标-弹出软键盘过后的edittext的坐标+点击...
软键盘弹出和隐藏 弹出软键盘： 隐藏软键盘： 软键盘无法弹出问题 有时候为了优化用户使用体验，希望一进入到界面，就...
关于IOS下 底部fixed 里面有个input框 弹出软键盘的遮住input的问题，安卓下展现的效果还是比较好的...
手机软键盘弹出时影响布局的解决方法_javascript技巧 软键盘影响布局 摘要：本文讲的是手机软键盘弹出时影响...
js 移动端关于页面布局，如果底部有position:fixed的盒子，又有input，当软键盘弹出收起都会影响页...
今天遇到了个问题...之前设置APP为沉浸式，同时解决了软键盘弹出遮挡输入框的问题。先说之前的解决方式：加入And...
准确的说是safari的bug，在页面有固定定位结构，软键盘被表单元素唤起时，fixed失效的问题，完全解决只能靠...
问题汇总（持续更新） (1) 软键盘 页面弹出一个带有文本输入框的居中弹框，输入文本时，软键盘弹出（非覆盖式弹出）...
直接上代码： onresize 事件会在窗口或框架被调整大小时发生。
本文标题：解决fixed和软键盘弹出之间的问题
本文链接：https://www.haomeiwen.com/subject/rogwoqtx.html
网友评论