摘要:?jiǎn)栴}發(fā)現(xiàn)在部分機(jī)型和部分系統(tǒng)下鍵盤會(huì)出現(xiàn)遮擋輸入框的情況殼內(nèi)。如果輸入框是固定在底部的,則不能通過(guò)這個(gè)方法解決。目前應(yīng)對(duì)方案設(shè)計(jì)的時(shí)候盡量規(guī)避此類問(wèn)題將輸入框做成原生組件,由客戶端去控制針對(duì)有問(wèn)題的版本,用去填充
問(wèn)題發(fā)現(xiàn):在 Android 部分機(jī)型 和 iOS部分系統(tǒng)下 鍵盤會(huì)出現(xiàn)遮擋輸入框的情況(殼內(nèi))。
問(wèn)題解決:
Android
經(jīng)過(guò)測(cè)試,Android 的6.0版本以上均會(huì)出現(xiàn)改問(wèn)題,歸根到底是之前的同學(xué)集成沉浸式的時(shí)候,沒有評(píng)估到 h5 頁(yè)面有輸入框也會(huì)引起這個(gè)遮擋現(xiàn)象,沒有打補(bǔ)丁。現(xiàn)在客戶端已通過(guò)發(fā)版解決。
相關(guān)資料:
https://juejin.im/post/5a25f6...
https://stackoverflow.com/que...
IOS
經(jīng)過(guò)測(cè)試IOS在11.1 、11.2這兩個(gè)版本下,scrollIntoView()方法無(wú)效。如果輸入框是固定在底部的,則不能通過(guò)這個(gè)方法解決。
目前應(yīng)對(duì)方案:
設(shè)計(jì)的時(shí)候盡量規(guī)避此類問(wèn)題
將輸入框做成原生組件,由客戶端去控制
針對(duì)有問(wèn)題的版本,用padding去填充
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/52498.html
摘要:?jiǎn)栴}發(fā)現(xiàn)在部分機(jī)型和部分系統(tǒng)下鍵盤會(huì)出現(xiàn)遮擋輸入框的情況殼內(nèi)。如果輸入框是固定在底部的,則不能通過(guò)這個(gè)方法解決。目前應(yīng)對(duì)方案設(shè)計(jì)的時(shí)候盡量規(guī)避此類問(wèn)題將輸入框做成原生組件,由客戶端去控制針對(duì)有問(wèn)題的版本,用去填充 問(wèn)題發(fā)現(xiàn):在 Android 部分機(jī)型 和 iOS部分系統(tǒng)下 鍵盤會(huì)出現(xiàn)遮擋輸入框的情況(殼內(nèi))。問(wèn)題解決: Android 經(jīng)過(guò)測(cè)試,Android 的6.0版本以上均會(huì)...
摘要:然而,并沒有直接監(jiān)聽軟鍵盤的原生事件,只能通過(guò)軟鍵盤彈起或收起,引發(fā)頁(yè)面其他方面的表現(xiàn)間接監(jiān)聽,曲線救國(guó)。軟鍵盤收起表現(xiàn)觸發(fā)輸入框以外的區(qū)域時(shí),輸入框失去焦點(diǎn),軟鍵盤收起。可以讓軟鍵盤彈起后,讓焦點(diǎn)元素再次滾到可視區(qū),強(qiáng)迫滾到位。 前言 最近一段時(shí)間在做 H5 聊天項(xiàng)目,踩過(guò)其中一大坑:輸入框獲取焦點(diǎn),軟鍵盤彈起,要求輸入框吸附(或頂)在輸入法框上。需求很明確,看似很簡(jiǎn)單,其實(shí)不然。從...
摘要:?jiǎn)栴}概述問(wèn)題移動(dòng)端輸入框鍵盤喚起后定位好的元素跟隨頁(yè)面滾動(dòng)了起來(lái)屬性失效了滿屏任性橫飛如下圖問(wèn)題有第三方輸入法的機(jī)還會(huì)出現(xiàn)鍵盤彈出延遲,導(dǎo)致普通布局輸入框等位置靠下的被鍵盤擋住如下圖這個(gè)完成出來(lái)然后鍵盤再頂起完美解決方案在輸入框獲取焦點(diǎn) 問(wèn)題概述 問(wèn)題1:H5 web 移動(dòng)端 輸入框, 鍵盤喚起后fixed定位好的元素跟隨頁(yè)面滾動(dòng)了起來(lái)… fixed屬性失效了!滿屏任性橫飛, 如下圖:...
閱讀 2321·2021-11-24 10:18
閱讀 3385·2021-09-22 15:35
閱讀 3340·2021-09-13 10:37
閱讀 3766·2021-09-06 15:14
閱讀 2071·2021-09-06 15:02
閱讀 2212·2021-09-02 15:11
閱讀 547·2019-08-30 15:53
閱讀 3075·2019-08-29 16:15