移动端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);//失焦后强制让页面归位

});

巴特西