WebAPP输入框被软键盘遮挡肿么办？

当输入框处于半屏以下位置软键盘弹出时遇到的坑：
1.输入框被遮挡，看不见输入的内容
2.页面自动上移，但收回软键盘时页面少了一截
3.IOS系统上使用JRoll，IScroll等滑动方案时，光标不随输入框移动
4.软键盘弹出时窗口变小元素错位

解决方案：
1、能不用滑动插件就不用。
2、IOS->使用overflow:auto;-webkit-overflow-scrolling;尽量避免使用JRoll等插件
3、Android->使用JRoll的fixedinput插件

建议从设计角度解决被遮挡的问题，见下文。

目前手机系统、浏览器系统众多，版本各异，表现诡异，兼容起来不比当年IE6轻松，麻辣个蛋，好不容易从PC开发跳到移动开发，还以为手机浏览器加了个-webkit前缀是万能的，握勒个去，谁知滑动卡顿、fixed走位、监听安卓返回键、某些机型focus唤不起软键盘、输入框被软键盘遮挡、安卓4.4以下不支持date等表单类型、滥用css3动画整个APP都不好了等等问题接踵而至，前端开发道远而任重啊~~呃。拿我最近的一个项目举个粟子。