Vue项目中,在iphone中软键盘和固定定位(fixed)相关问题的解决办法
问题描述:
在开发公众号项目的时候,遇到适配苹果7 的情况,苹果软键盘弹出之后会与position:fixed冲突出现问题,具体表现是,软键盘弹出时,底部的按钮会被顶到上面来,当软键盘消失后,滚动区域没有正确回正,导致一些内容点击事件无效。。。
解决方案:
在软键盘消失的时候,手动将滚动区域回到顶部,
具体操作是:
<template>
<input @blur="blurs"/>
</template>
<script>
export default {
data(){
return { }
},
methods:{
blurs(){
window.scroll(0, 0);
}
}
}
</script>