IOS鍵盤收起后，頁面底部留白處理

環境：vue+vant 的H5頁面

 

場景：輸入框輸入信息時，如登錄、注冊等表單信息

 

問題：鍵盤收回后頁面底部留白，導致dialog組件按鈕位移，視覺上，其中的按鈕無法正常工作

 

解決方案：監聽失去焦點時，讓頁面滾動到頂部

　　HTML：添加失去焦點事件鈎子

　　　　<input class="input" placeholder="輸入手機號" max="11" min="11" maxlength="11" v-model="mobile" @blur="blurIn"/>

 

　　JS：添加失去焦點事件方法

　　blurIn() {

　　　　window.scroll(0, 0)

　　}