html页面在手机中点击输入框调出键盘页面内容上移的粗暴解决办法

在混合开发中遇到的问题，就是h5页面在手机中，点击出来模态框，点击了模态框中的输入框时候会调出手机键盘，这时候模态框会上移，尺寸也会变小，具体原因不是很清楚，但是由于是移动开发，页面的宽度和高度都是以百分比布局的，所以，讲页面的高度写成固定高度便可以简单粗暴解决这个问题，当然， 需要修改的只是当焦点落在输入框的时候的模态框的高度，所以要通过js来实现；

下面是对应的js代码

 <script>
             $('#note').on("focus", function(){
                 $('.model2').css("height","200px");
                 $('.model2').css("margin-top","-20%");
                 $('#ff').css("margin-top","5%");
                  }
             )
</script>

<楼盘库2017-2-10，代码11-28>