移動端input輸入框把頁面頂起, 收起鍵盤頁面復原不了問題

我相信大家平時也會遇到這種問題, 移動端 input 或者 textarea獲取光標, 整個頁面被頂起來, 鍵盤收起, 頁面不復原的問題

====>>>> 

 

 

我這邊提供兩種解決方案:

1. 針對 vue.js

html:
<input v-model="workWhere" @blur="changBlur">

js:
 methods: {
     changBlur(){
        window.scroll(0,0);//失焦后強制讓頁面歸位
     },
}

 

2.針對原生 或者 JQ

 

 

<div class="box">
           <input placeholder="請選擇">
</div>


$(".box input").on("blur",function(){
        window.scroll(0,0);//失焦后強制讓頁面歸位
});