fixed定位和input获取焦点影响键盘弹出效果

简介:

页面底部有一块常驻的区域,即定位fixed,页面还有输入区域,当输入框取得焦点时,常驻区域会被往上顶(有些系统不会),如此一来就影响了布局。解决方案如下:

01
02
03
04
05
06
07
08
09
10
var wH = $(window).height();
$(window).on( "resize" , function (){
   var cH = $(window).height();
   if (cH<wH){
     //当前高度比获取的高度小,即键盘弹起;反之
     //隐藏常驻区域
   } else {
     //显示常驻区域
   }
})



原文发布时间为:2017-5-10

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:fixed定位和input获取焦点影响键盘弹出效果

相关文章
element-plus:Dialog 对话框在有滚动条的页面会抖动
element-plus:Dialog 对话框在有滚动条的页面会抖动
543 0
element-plus:Dialog 对话框在有滚动条的页面会抖动
|
6月前
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
845 3
|
8月前
|
前端开发 JavaScript
解决使用document.activeElement.blur()禁止弹出手机默认键盘
解决使用document.activeElement.blur()禁止弹出手机默认键盘
183 1
|
8月前
|
前端开发 数据安全/隐私保护
清除IE10下input的(X)和密码输入框的眼睛图标
清除IE10下input的(X)和密码输入框的眼睛图标
73 0
|
JavaScript
DOM ------ 快捷键获取input框焦点
DOM ------ 快捷键获取input框焦点
100 0
VC下利用Picture控件实现png图片按钮(鼠标初始、按下、松开、获得焦点四种状态)
VC下利用Picture控件实现png图片按钮(鼠标初始、按下、松开、获得焦点四种状态)
143 0
|
JavaScript 前端开发
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令