分析:软键盘弹出后,导致页面高度变化

解决方案:软键盘弹出后,修复页面高度

// 监听窗口变化
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)
});
}
},

最新文章

  1. Logging with Debug And Trace (一)
  2. 前端框架——BootStrap学习
  3. HTML5 – 2.新元素
  4. Go 性能分析
  5. css3实现超过两行文字,超出用三个点显示(兼容性不行,仅供学习)
  6. Design Patterns----简单的工厂模式
  7. JAVA 快递查询接口API调用-快递鸟接口
  8. 关于redhat6的服务说明
  9. Grand Central Dispatch(GCD)详解(转)
  10. (重要) html概念之 input:name与id详解
  11. Cocos2dx 3.0 交流篇
  12. Oracle第二天
  13. Server对象
  14. Linux环境下部署开源版“禅道”方法
  15. 根据某个字段去重 根据另一个字段排序的一个SQL
  16. MySql之修改操作与进阶
  17. .Net程序员玩转Android开发--ListView单击事件
  18. Android开发中adb命令的常用方法
  19. ZOJ 3469 Food Delivery(区间DP)
  20. Ansiable Manage MySQL global variables

热门文章

  1. PowerDotNet平台化软件架构设计与实现系列(15):支付平台
  2. 学习.NET MAUI Blazor(三)、创建.NET MAUI Blazor应用并使用AntDesignBlazor
  3. PKUSC2022 润摆寄
  4. Redis-01 常用命令
  5. idea的简单介绍
  6. 《STL源码剖析》Sort排序分析
  7. BBS项目功能编写逻辑思路汇总
  8. 2023牛客寒假算法基础集训营3 A-I+K
  9. html内容超宽后,缩小可视区域后,会引起部分背景色宽度出现显示异常情况,解决如下:
  10. 为什么 Go 不支持 []T 转换为 []interface