js-解决安卓手机软键盘弹出后,固定定位布局被顶上移问题
2024-09-08 11:26:56
分析:软键盘弹出后,导致页面高度变化
解决方案:软键盘弹出后,修复页面高度
// 监听窗口变化
resizeScreen(){
if (!this.state.isIOS && this.state.isInApp) {
var originHeight = document.documentElement.clientHeight || document.body.clientHeight;
this.$nextTick(()=>{
let bodyE = document.querySelector('.pop-other');
window.addEventListener('resize', function() {
var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
if (originHeight < resizeHeight) {
console.log('Android 键盘收起啦!');
// Android 键盘收起后操作
bodyE.style.height = 100+'%';
} else {
console.log('Android 键盘弹起啦!');
// Android 键盘弹起后操作
bodyE.style.height = originHeight+'px';
}
originHeight = resizeHeight;
}, false)
});
}
},
最新文章
- Logging with Debug And Trace (一)
- 前端框架——BootStrap学习
- HTML5 – 2.新元素
- Go 性能分析
- css3实现超过两行文字,超出用三个点显示(兼容性不行,仅供学习)
- Design Patterns----简单的工厂模式
- JAVA 快递查询接口API调用-快递鸟接口
- 关于redhat6的服务说明
- Grand Central Dispatch(GCD)详解(转)
- (重要) html概念之 input:name与id详解
- Cocos2dx 3.0 交流篇
- Oracle第二天
- Server对象
- Linux环境下部署开源版“禅道”方法
- 根据某个字段去重 根据另一个字段排序的一个SQL
- MySql之修改操作与进阶
- .Net程序员玩转Android开发--ListView单击事件
- Android开发中adb命令的常用方法
- ZOJ 3469 Food Delivery(区间DP)
- Ansiable Manage MySQL global variables
热门文章
- PowerDotNet平台化软件架构设计与实现系列(15):支付平台
- 学习.NET MAUI Blazor(三)、创建.NET MAUI Blazor应用并使用AntDesignBlazor
- PKUSC2022 润摆寄
- Redis-01 常用命令
- idea的简单介绍
- 《STL源码剖析》Sort排序分析
- BBS项目功能编写逻辑思路汇总
- 2023牛客寒假算法基础集训营3 A-I+K
- html内容超宽后,缩小可视区域后,会引起部分背景色宽度出现显示异常情况,解决如下:
- 为什么 Go 不支持 []T 转换为 []interface