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

Posted SSXfont

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了苹果手机输入框失去焦点,屏幕出现部分白屏相关的知识,希望对你有一定的参考价值。

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

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

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

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

 

以上是关于苹果手机输入框失去焦点,屏幕出现部分白屏的主要内容,如果未能解决你的问题,请参考以下文章

苹果手机一直卡在黑苹果白屏的状态,请问怎么恢复?

iphone6还原网络设置后白屏黑苹果怎么办

jQuery失去焦点触发事件,现在会出现alert循环出现的状况

el-inpu 输入框,输入一个字符失去焦点,不能连续输入问题

我的手机找不到黏贴板。

失去焦点事件啥意思