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是頁面高度,,故獲得的位置也不會絕對的居中。。然本人沒法發現更好的辦法,望大牛指教一二。