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

相关文章
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
|
4月前
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
640 3
|
6月前
element-plus:el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动
element-plus:el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动
|
6月前
|
iOS开发
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
83 1
|
JavaScript
checkbox选中和取消,控制dom元素颜色变化
checkbox选中和取消,控制dom元素颜色变化
59 0
|
前端开发
鼠标点击<input>输入框后边框发生颜色变化
鼠标点击<input>输入框后边框发生颜色变化
91 0
|
JavaScript
DOM ------ 快捷键获取input框焦点
DOM ------ 快捷键获取input框焦点
|
前端开发
前端取消input获取焦点时的边框
前端取消input获取焦点时的边框
133 0
|
JavaScript 前端开发
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令
页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令