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

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

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

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

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

 

posted @ 2020-03-04 20:28  极客小乌龟  阅读(629)  评论(0编辑  收藏  举报