原生H5 IOS解决监听软键盘导致样式bug

本文主要介绍通过监听软键盘的弹起和收起，动态改变样式。

一、问题描述

当软键盘弹起时，IOS的fixed会变成absolute，导致样式布局出现异常。

二、关键代码

.html

<header class="mui-bar mui-bar-nav" :style="isFocus" >
</header>

.js

if($.os.ios) {
	document.addEventListener("focusin", function(){
		vm.isFocus = { 'position': 'absolute' }
	});    
	document.addEventListener("focusout", function(){
		vm.isFocus = { 'position': 'fixed' }
	}); 
}

三、原理

3.1 Android

//获取原窗口的高度
var originalHeight=document.documentElement.clientHeight ||document.body.c