h5 fixed 虚拟键盘解决方案

H5中input textarea中获取焦点的时候在手机端会出险虚拟键盘，当我的input或者textarea的父容器是fixed定位时（场景需要）

这时候，在各大手机先表现通常不好，通常会有兼容问题

比如这里设置了bottom：0，然而他并不在他应在的位置。

解决办法很简单：

只要在把body容器里的内容外包一层div

<div class="resolve-fixed"></div>

.resolve-fixed{

 /* main绝对定位，进行内部滚动 */

position: absolute;
top: 1px;
bottom: 1px;
/* 使之可以滚动 */
overflow-y: scroll;
/* 增加该属性，可以增加弹性，是滑动更加顺畅 */
-webkit-overflow-scrolling: touch;
width: 100%;

}

这样就完美解决了，目前使用没发现其他问题。