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获取焦点影响键盘弹出效果

相关文章
|
12月前
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
|
6月前
|
前端开发 数据安全/隐私保护
清除IE10下input的(X)和密码输入框的眼睛图标
清除IE10下input的(X)和密码输入框的眼睛图标
59 0
|
6月前
|
iOS开发
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
80 1
|
12月前
|
前端开发
鼠标点击<input>输入框后边框发生颜色变化
鼠标点击<input>输入框后边框发生颜色变化
86 0
|
12月前
|
前端开发
input框点击时去掉默认的外层边框
input框点击时去掉默认的外层边框
55 0
|
前端开发
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上
866 0
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上
VC下利用Picture控件实现png图片按钮(鼠标初始、按下、松开、获得焦点四种状态)
VC下利用Picture控件实现png图片按钮(鼠标初始、按下、松开、获得焦点四种状态)
129 0
|
前端开发
前端取消input获取焦点时的边框
前端取消input获取焦点时的边框
132 0
|
JavaScript 前端开发
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令