码迷,mamicode.com
首页 > 移动开发 > 详细

苹果系统 IOS 12 的H5 BUG :键盘把页面顶上去了,底下留有一块空白区域

时间:2018-12-31 15:41:58      阅读:1740      评论:0      收藏:0      [点我收藏+]

标签:收起键盘   add   滚动   put   没有   一个   listener   NPU   class   

苹果以往的系统是没问题的,一般情况下,点击input唤起键盘后是会自动显示到输入框的地方,然后收起键盘页面就会恢复到底部。

但是如果苹果是已经更新到最新的IOS12的话就会发生一个BUG ,就是键盘唤起后把页面顶上去,然后把键盘收回去后页面却回不来了,保持着被顶起的状态,原本键盘的地方留出一块空白。

BUG解决:

拿了5台苹果测试了同一个页面,旧版的系统的确没有发生这种情况,最终确定是IOS最新系统的问题。

解决方法就是在input失去焦点的时候(就是收起键盘时)让页面滚动到顶部。

适用:微信H5/移动端页面

document.getElementById(‘#input‘).addEventListener(
‘blur‘,
function(){
window.scrollTo(0,0)   //页面滚动到顶部
},
false
)  

苹果系统 IOS 12 的H5 BUG :键盘把页面顶上去了,底下留有一块空白区域

标签:收起键盘   add   滚动   put   没有   一个   listener   NPU   class   

原文地址:https://www.cnblogs.com/haqiao/p/10202048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!