移动端ios布局fixed元素软键盘唤起时fixed失效的解决方案

问题描述:

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

但是如果苹果是已经更新到最新的IOS12的话就会发生 ,就是键盘唤起后把页面顶上去,然后把键盘收回去后页面却回不来了,保持着被顶起的状态,原本键盘的地方留出一块空白。fixed的定位也随着变化,导致fixed中的一些点击失效

解决方案,弹起fixed布局前强制页面滚动到顶部

window.scrollTo(0,0)   //页面滚动到顶部

参考:

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

web端ios布局fixed元素软键盘唤起时fixed失效的解决方案

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。