css3软键盘不盖住输入框的方法

css3软键盘不盖住输入框的方法

弹出软键盘的时候 最外面的容器高度就发生了变化 要减去软键盘高度了

<div class="p1">
    <img class="p1_bg" src="/yaluquan/images/1/p1_bg.jpg" alt="">
    <input type="text" id="id_phone">
    <input type="text" id="id_xuliehao">
    <img class="p1_tijiao" src="/yaluquan/images/1/p1_tijiao.png" alt="">
</div>
.p1{
    width:100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.p1_bg{
    width:100%;
}
#id_xuliehao{
    width: 10.1rem;
    height: 1.3rem;
    position: absolute;
    left: 11%;
    top: 82.5%;
    border: none;
    background: url(/yaluquan/images/1/p1_ininput2.png);
    background-size: 100% 100%;
    padding-left: 3rem;
}

/*高度用js控制 别用height:100%不然被压扁的*/
     var bodyheight=$('body').height();
      $('.p1_bg').css('height',bodyheight);

原创文章如转载,请注明本文链接: http://newmiracle.cn/?p=2042

发表评论

电子邮件地址不会被公开。 必填项已用*标注