苹果手机输入框失去焦点，屏幕出现部分白屏

Posted 2020-11-27 SSXfont

在做移动的开发时，会遇到当输入框输入完成后，键盘收起之后，但是页面没有回到全屏，页面底部没有铺满手机底部，出现部分白屏，如下图

此问题是由于页面高度没有实时计算导致，

解决方案就是在输入框失去焦点之后重新计算一下页面的整体高度，有个巧妙的操作就是手动触发页面滚动，进而触发重新计算高度，使页面铺满全屏

document.body.scrollTop = document.body.scrollTop;