• <div id="geowg"><optgroup id="geowg"></optgroup></div>
    <small id="geowg"></small>
    <tr id="geowg"></tr>
    <li id="geowg"></li>
    <dd id="geowg"></dd>
  • <nav id="geowg"></nav>
    <small id="geowg"><bdo id="geowg"></bdo></small>
  • <nav id="geowg"><input id="geowg"></input></nav>
  • <li id="geowg"></li>
  • <legend id="geowg"></legend>
  • <dd id="geowg"></dd>
    通用banner
    您當前的位置 : 首 頁 > 新聞中心 > 技術資訊

    聯系我們Contact Us

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

    電 話:0755-83435615

    傳 真:0755-88325137

    郵 箱:344868188@qq.com

    網 址:www.ptudp.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 在軟鍵盤彈出時,兩者頁面表現是不一樣的。


    近期瀏覽:

    相關產品

    相關新聞

    日本少妇超清xxxx_胖女性大bbbbbb视频_欧洲熟妇色xxxx欧美老妇多毛_成年av动漫网站18禁