• <progress id="myn4d"></progress>

  • <dd id="myn4d"><noscript id="myn4d"></noscript></dd>

  • <dd id="myn4d"><track id="myn4d"></track></dd>
    <nav id="myn4d"><big id="myn4d"><noframes id="myn4d"></noframes></big></nav>
  • <em id="myn4d"></em>

  • <th id="myn4d"><kbd id="myn4d"></kbd></th>

    <ol id="myn4d"><ruby id="myn4d"><input id="myn4d"></input></ruby></ol><nav id="myn4d"><center id="myn4d"></center></nav>

  • <dd id="myn4d"></dd>
    <rp id="myn4d"><ruby id="myn4d"></ruby></rp>

    <dd id="myn4d"><pre id="myn4d"></pre></dd>
    通用banner
    您當前的位置 : 首 頁 > 新聞中心 > 技術資訊

    聯系我們Contact Us

    深圳市晶大電子科技有限公司

    電 話:0755-83435615

    傳 真:0755-88325137

    郵 箱:344868188@qq.com

    網 址:www.outitdoor.com

    地 址:深圳市龍華區觀瀾觀光路1301號銀星科技大廈A區1108

    ADD:A1108, Yesun Building, 1301 Guanguang Road, Xinlan Community, Guanlan Street, Longhua District, Shenzhen

    移動端H5軟鍵盤方案彈出收起時頁面不恢復的解決辦法

    2020-07-25 09:04:19

    移動端H5軟鍵盤方案彈出收起時頁面不恢復的解決辦法

    前幾天在安卓手機上測 H5 時遇到個情況,在輸入框中輸入手機號,軟鍵盤彈出,在收起時界面沒有復原。反復測試了幾次,有時還會出現即使焦點在輸入框上,但是界面不會上滑,輸入框會被遮擋的情況

    上面圖中界面下滑是我手動滑下去的。在蘋果手機上測試,發現也會有類似的問題,

    上網一搜,發現蠻多人遇到了這種情況,作為一個有強迫癥的前端,為了追求更好的用戶體驗,不能忍!得讓界面滑回去。上網一通搜索,找到比較靠譜的一個解決方案是:

    鍵盤控制芯片

    通過監聽軟鍵盤的彈出與收起來手動控制界面的滑動與復原。

    具體思路:當監聽到軟鍵盤彈出時,手動將輸入框滑動到可視區域中間,同時記錄下界面的滾動距離。當監聽到軟鍵盤收起時,再根據記錄的界面滾動距離,在收起的監聽里手動將界面滑動回原來的位置,將其復原。

    但實際上 H5 是沒有直接監聽軟鍵盤彈出收起的原生事件,需要其他方式實現,而且還需要注意 Android/IOS 在軟鍵盤彈出時,兩者頁面表現是不一樣的。


    近期瀏覽:

    相關產品

    相關新聞

    国产乱理伦片在线观看夜_毛片g播放91_岛国无码免费不卡av_国产蜜芽尤物在线一区