Question

怎么用h5解决iPhoneX上input聚焦页面整体上移，键盘消失页面没有落下来

一个页面，顶部固定，内容是一个个人信息填写页面，在iPhoneX上点击input聚焦，
软键盘弹出，页面整体上移，输入完成，键盘消失，页面却没有落下来，需要再次点击input框，手动滑下来才行。
请问这个要怎么解决呢？

Answer 1

var htmlScrollHeight = $(document).scrollTop();//记录页面初始滚动条到顶部的高度

$('input').blur(function(){
//输入框失去焦点时，使页面滚动条到顶部的高度恢复到初始值，页面就会滑动下来
$('html,body').animate({scrollTop:htmlScrollHeight}, 1000);

});

Answer 2

网页链接    

iphoneX输入框失去焦点页面并没有随着键盘滑动下来

<input  @blur="blurFinish"/>

blurFinish () {

window.scrollTo(0, 0)

}

Answer 3

。