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

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

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

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

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

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

 

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

上一篇:推荐25款很棒的 HTML5 开发框架和开发工具【上篇】


下一篇:解决appium-doctor报bundletool.jar cannot be found问题