千锋教育-IT职业教育良心品牌。千锋 HTML5 大前端课程颠覆升级：千锋全覆盖企业项目开发前端、中台、后台全流程，真实承接上下游需求，协同协作；项目交叉融合，PC端、移动端、智能终端，各平台功能实现，技能进步看得见；还原企业真实开发场景，从项目立项到部署上线全程参与，不落下每一个开发环节；高验收标准，以真实企业需求要求功能实现，项目无BUG，流畅运行；基础-专业-项目-企业-就业-职后六维全息课程覆盖职场就业与职后发展，助力学员从全栈工程师向架构师进阶，满足不同职业发展需求。

　　随着H5页面越来越流行，越来越多的开发者都开始用较近H5做微信公众号，在这个过程中自然也会遇到不少的问题。一起来看看吧！

　　ios键盘唤起，键盘收起以后页面不归位

　　问题详情描述：

　　输入内容，软键盘弹出，页面内容整体上移，但是键盘收起，页面内容不下滑。

　　出现原因分析：

　　固定定位的元素 在元素内 input 框聚焦的时候 弹出的软键盘占位 失去焦点的时候软键盘消失 但是还是占位的 导致input框不能再次输入 在失去焦点的时候给一个事件。

　　解决办法：

　　投·被保险人姓名

　　<input class="content-input"

　　placeholder="请输入姓名"

　　v-model="peopleList.name"

　　@focus="changefocus()"

　　@blur.prevent="changeBlur()"/>

　　changeBlur(){

　　let u = navigator.userAgent, app = navigator.appVersion;

　　let isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);

　　if(isIOS){

　　setTimeout(() => {

　　const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0

　　wind

　　ow.scrollTo(0, Math.max(scrollHeight - 1, 0))

　　}, 200)

　　}

　　}