国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

iOS Android中 h5鍵盤遮擋輸入框的問(wèn)題和解決方案

lx1036 / 1473人閱讀

摘要:?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

相關(guān)文章

  • iOS Android h5鍵盤遮擋輸入框的問(wèn)題解決方案

    摘要:?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ì)...

    Nekron 評(píng)論0 收藏0
  • 可能這些是你想要的H5鍵盤兼容方案

    摘要:然而,并沒有直接監(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í)不然。從...

    stackvoid 評(píng)論0 收藏0
  • (2016-11-04完美解決)移動(dòng)端iOS第三方輸入遮擋底部input及android鍵盤回落后

    摘要:?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屬性失效了!滿屏任性橫飛, 如下圖:...

    Simon 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<