iOS Android中 h5鍵盤遮擋輸入框的問題和解決方案

問題發現:在 Android 部分機型 和 iOS部分系統下 鍵盤會出現遮擋輸入框的狀況(殼內)。
問題解決:html

Android
  1. 通過測試,Android 的6.0版本以上均會出現改問題,歸根究竟是以前的同窗集成沉浸式的時候,沒有評估到 h5 頁面有輸入框也會引發這個遮擋現象,沒有打補丁。如今客戶端已經過發版解決。
  2. 相關資料:
IOS

通過測試IOS在11.1 、11.2這兩個版本下,scrollIntoView()方法無效。若是輸入框是固定在底部的,則不能經過這個方法解決。android

目前應對方案:
  • 設計的時候儘可能規避此類問題
  • 將輸入框作成原生組件,由客戶端去控制
  • 針對有問題的版本,用padding去填充
相關文章
相關標籤/搜索