在混合开发中遇到的问题,就是h5页面在手机中,点击出来模态框,点击了模态框中的输入框时候会调出手机键盘,这时候模态框会上移,尺寸也会变小,具体原因不是很清楚,但是由于是移动开发,页面的宽度和高度都是以百分比布局的,所以,讲页面的高度写成固定高度便可以简单粗暴解决这个问题,当然, 需要修改的只是当焦点落在输入框的时候的模态框的高度,所以要通过js来实现;
下面是对应的js代码
<script>
(‘#note’).on(“focus”, function(){(‘.model2’).css(“height”,”200px”);
(‘.model2′).css(“margin−top”,”−20
(‘#ff’).css(“margin-top”,”5%”);
}
)
</script>