问题描述：当页面中存在绝对定位和输入框时，输入框输入时，会将页面向上顶起，输入结束后，软键盘消失，页面并没有恢复，依然保持被顶起的状态。
问题解决：尝试了多种网上搜寻的方法，现记录如下:

身份证上传使用了绝对定位

方法一

<input type="text" placeholder="请输入身份证号" id="idNumber">

$('#idNumber').on('blur', function(e) {
  window.scrollTo(0,0);
})

该方法是在输入框失去焦点之后，将滚动上去的页面恢复原位，但对我的页面并没有作用。同时存在的问题是，软键盘消失，输入框依然保持聚焦的状态，需要手动在页面其他地方点击，才能失去焦点，用户体验不好。

方法二

document.body.addEventListener('focusin', () => {  //软键盘弹起事件
  $('.upload-idCard-btn').css('position', 'fixed');
})
document.body.addEventListener('focusout', () => { //软键盘关闭事件
  $('.upload-idCard-btn').css('position', 'absolute');
})

该方法是通过监听软键盘弹起/关闭事件，改变定位元素的属性值。键盘弹起，改为固定定位；键盘关闭，改为绝对定位。存在的问题是，监听软键盘关闭事件没起作用，依然需 要用户点击页面其他地方使输入框失去焦点后，页面才可以恢复。

方法三（推荐）

var winHeight = $(window).height();   //获取当前页面高度
$(window).resize(function(){
    var thisHeight=$(this).height();
    if(winHeight - thisHeight >50){
      //当软键盘弹出，在这里操作
      $('.upload-idCard-btn').css('position', 'fixed');
    }else{
      //当软键盘收起，在此处操作
      $('.upload-idCard-btn').css('position', 'absolute');
    }
});

此方法解决了方法二的问题，通过监听页面高度的变化，有效判断软键盘的弹起和关闭，用户体验很好。