摘要:問題發現在部分機型和部分系統下鍵盤會出現遮擋輸入框的情況殼內。如果輸入框是固定在底部的,則不能通過這個方法解決。目前應對方案設計的時候盡量規避此類問題將輸入框做成原生組件,由客戶端去控制針對有問題的版本,用去填充
問題發現:在 Android 部分機型 和 iOS部分系統下 鍵盤會出現遮擋輸入框的情況(殼內)。
問題解決:
Android
經過測試,Android 的6.0版本以上均會出現改問題,歸根到底是之前的同學集成沉浸式的時候,沒有評估到 h5 頁面有輸入框也會引起這個遮擋現象,沒有打補丁。現在客戶端已通過發版解決。
相關資料:
https://juejin.im/post/5a25f6...
https://stackoverflow.com/que...
IOS
經過測試IOS在11.1 、11.2這兩個版本下,scrollIntoView()方法無效。如果輸入框是固定在底部的,則不能通過這個方法解決。
目前應對方案:
設計的時候盡量規避此類問題
將輸入框做成原生組件,由客戶端去控制
針對有問題的版本,用padding去填充
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/108036.html
摘要:問題發現在部分機型和部分系統下鍵盤會出現遮擋輸入框的情況殼內。如果輸入框是固定在底部的,則不能通過這個方法解決。目前應對方案設計的時候盡量規避此類問題將輸入框做成原生組件,由客戶端去控制針對有問題的版本,用去填充 問題發現:在 Android 部分機型 和 iOS部分系統下 鍵盤會出現遮擋輸入框的情況(殼內)。問題解決: Android 經過測試,Android 的6.0版本以上均會...
摘要:然而,并沒有直接監聽軟鍵盤的原生事件,只能通過軟鍵盤彈起或收起,引發頁面其他方面的表現間接監聽,曲線救國。軟鍵盤收起表現觸發輸入框以外的區域時,輸入框失去焦點,軟鍵盤收起。可以讓軟鍵盤彈起后,讓焦點元素再次滾到可視區,強迫滾到位。 前言 最近一段時間在做 H5 聊天項目,踩過其中一大坑:輸入框獲取焦點,軟鍵盤彈起,要求輸入框吸附(或頂)在輸入法框上。需求很明確,看似很簡單,其實不然。從...
摘要:問題概述問題移動端輸入框鍵盤喚起后定位好的元素跟隨頁面滾動了起來屬性失效了滿屏任性橫飛如下圖問題有第三方輸入法的機還會出現鍵盤彈出延遲,導致普通布局輸入框等位置靠下的被鍵盤擋住如下圖這個完成出來然后鍵盤再頂起完美解決方案在輸入框獲取焦點 問題概述 問題1:H5 web 移動端 輸入框, 鍵盤喚起后fixed定位好的元素跟隨頁面滾動了起來… fixed屬性失效了!滿屏任性橫飛, 如下圖:...
閱讀 2053·2023-04-26 02:23
閱讀 1793·2021-09-03 10:30
閱讀 1358·2019-08-30 15:43
閱讀 1198·2019-08-29 16:29
閱讀 542·2019-08-29 12:28
閱讀 2340·2019-08-26 12:13
閱讀 2196·2019-08-26 12:01
閱讀 2408·2019-08-26 11:56