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

相关文章
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
获取焦点后隐藏提示内容的输入框
获取焦点后隐藏提示内容的输入框
30 0
|
5月前
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
|
16天前
|
前端开发 JavaScript
解决使用document.activeElement.blur()禁止弹出手机默认键盘
解决使用document.activeElement.blur()禁止弹出手机默认键盘
16 1
|
3月前
|
前端开发 数据安全/隐私保护
清除IE10下input的(X)和密码输入框的眼睛图标
清除IE10下input的(X)和密码输入框的眼睛图标
22 0
|
4月前
|
iOS开发
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
35 1
|
5月前
|
JavaScript
checkbox选中和取消,控制dom元素颜色变化
checkbox选中和取消,控制dom元素颜色变化
26 0
|
5月前
|
前端开发
鼠标点击<input>输入框后边框发生颜色变化
鼠标点击<input>输入框后边框发生颜色变化
41 0
|
10月前
|
JavaScript
DOM ------ 快捷键获取input框焦点
DOM ------ 快捷键获取input框焦点
|
前端开发
前端取消input获取焦点时的边框
前端取消input获取焦点时的边框
106 0

热门文章

最新文章