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-ui 里 el-popover 位置发生偏移
element-ui 里 el-popover 位置发生偏移
2241 0
|
8月前
|
XML Java 数据格式
Spring容器的本质
本文主要讨论Spring容器最核心的机制,用最少的代码讲清楚Spring容器的本质。
|
11月前
|
机器学习/深度学习 数据采集 人工智能
智能化运维:AI在IT运维中的应用与挑战###
本文探讨了人工智能(AI)技术在IT运维领域的应用现状、具体实现方式及其面临的挑战。通过分析AI如何优化故障预测、自动化处理和资源管理,文章旨在揭示AI赋能下运维工作的变革潜力与实践难题,为读者提供对智能化运维趋势的深刻理解。 ###
|
JavaScript
【vue3】vue3中路由hash与History的设置
【vue3】vue3中路由hash与History的设置
530 0
|
11月前
|
网络协议 算法 数据库
OSPF中的骨干区域详解
OSPF中的骨干区域详解
550 0
2024年 | 9月云大使推广奖励规则
【近期云大使规则升级】①上线企业云大使提现功能。②增加返利订单类目。③优化推广奖励限制。④提升首购后订单返利比例。⑤新增沉睡用户返利 。⑥推荐企业认证新用户首购最高奖励45%。
|
JavaScript 测试技术 API
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
|
Web App开发 JavaScript 前端开发
正确开启vue3.0调试工具vue-devtools
正确开启vue3.0调试工具vue-devtools
5101 2
|
Linux iOS开发 MacOS
pyinstaller---Python代码的打包神器,一键将python代码打包成exe可执行文件
pyinstaller---Python代码的打包神器,一键将python代码打包成exe可执行文件
808 0
|
Ubuntu 应用服务中间件 网络安全