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

2024年5月16日 115次阅读 来源: yy不会笑

问题发现：在 Android 部分机型 和 iOS部分系统下 键盘会出现遮挡输入框的情况（壳内）。
问题解决：

Android

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

IOS

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

目前应对方案：
  • 设计的时候尽量规避此类问题
  • 将输入框做成原生组件，由客户端去控制
  • 针对有问题的版本，用padding去填充
    原文作者：yy不会笑
    原文地址: https://segmentfault.com/a/1190000015211944
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞