移动端 软键盘 遮挡 input框
移动开发中 当input太靠下时 如果触发focus事件时 会弹出软键盘 这时候 软键盘会把input框盖住
废话不多说 ，直接上代码
<body>
<div class="content">
<div class="number_box">
<input class="number" type="tel" placeholder="请输入手机号码" maxlength="11">
</div>
<button class="cece">测测您能借多少？</button>
</div>
<script src="./js/jquery-2.2.1.min.js"></script>
<script>
//解决弹出键盘页面高度变化bug
var viewHeight = window.innerHeight+'px'; //获取可视区域高度
$("input").focus(function(){
$("body").animate({height:viewHeight},"fast");
})
$(".cece").click(function(){
//处理 事件
window.location.href="index3.html"
})
</script>
</body>
