iOS Android中 h5键盘遮挡输入框的问题和解决方案

问题发现:在 Android 部分机型 和 iOS部分系统下 键盘会出现遮挡输入框的状况(壳内)。
问题解决:html

Android
  1. 通过测试,Android 的6.0版本以上均会出现改问题,归根究竟是以前的同窗集成沉浸式的时候,没有评估到 h5 页面有输入框也会引发这个遮挡现象,没有打补丁。如今客户端已经过发版解决。
  2. 相关资料:
IOS

通过测试IOS在11.1 、11.2这两个版本下,scrollIntoView()方法无效。若是输入框是固定在底部的,则不能经过这个方法解决。android

目前应对方案:
  • 设计的时候尽可能规避此类问题
  • 将输入框作成原生组件,由客户端去控制
  • 针对有问题的版本,用padding去填充
相关文章
相关标签/搜索