移动端 h5 页面 键盘弹出 背景图片上移 、遮挡输入框 解决办法

时间:2024-05-19 14:17:08

背景图上移解决办法

$(document).ready(function () {
                console.log($(window).height());
                $('body').css({'height':$(window).height()});
  });

遮挡输入框 解决办法:

<input type="text" class = "commonInput" autocomplete="off" οnfοcus="inputFocus()"  placeholder="请输入" id = "test1">

function inputFocus(){
                var dom=document.getElementById('test1')
                setTimeout(function(){
                  dom.scrollIntoView(true);
                  dom.scrollIntoViewIfNeeded();
                }, 500);
}

移动端 h5 页面 键盘弹出 背景图片上移 、遮挡输入框 解决办法