input頁面居中,軟鍵盤覆蓋input

input框位於底部ios

     對於ios的軟鍵盤遮蓋input輸入框問題,網上已經有了一些解決辦法,無非就是改變佈局,再加scroll.js插件實現滾動,app

input框位於頂部佈局

    這種狀況不會出現問題,測試

input居中+mui區域滾動,ui

    此爲巨坑,坑了我足足一天的時間,插件

    <div class="mui-scroll-wrappe"> <input /> </div>ip

    input居中且放於區域滾動中,獲取焦點,軟鍵盤遮蓋iput,input輸入值才把頁面滾動上去,input

           測試1,獲取焦點後設置定時器,自動填充值模擬軟鍵盤輸入值,結果(失敗);it

           測試2,要讓input正好位於軟鍵盤上方,無空隙,經試驗是由bottom決定的,input又要居中,故只能設置position:absolute;bottom 0%;margin-bottom 50%(依照input高決定);io

margin-bottom的單位1是頁面高度,,故獲得的位置也不會絕對的居中。。然本人沒法發現更好的辦法,望大牛指教一二。

相關文章
相關標籤/搜索