文章标题

来源:互联网 发布:软考网络规划师论文 编辑:程序博客网 时间:2024/06/05 14:08

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

下面是对应的js代码

 <script>
             (‘#note’).on(“focus”, function(){(‘.model2’).css(“height”,”200px”);
                 (.model2).css(margintop,20(‘#ff’).css(“margin-top”,”5%”);
                  }
             )
</script>



>