Vue项目中,在iphone中软键盘和固定定位(fixed)相关问题的解决办法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/marko_zheng/article/details/88179078

Vue项目中,在iphone中软键盘和固定定位(fixed)相关问题的解决办法

问题描述:
在开发公众号项目的时候,遇到适配苹果7 的情况,苹果软键盘弹出之后会与position:fixed冲突出现问题,具体表现是,软键盘弹出时,底部的按钮会被顶到上面来,当软键盘消失后,滚动区域没有正确回正,导致一些内容点击事件无效。。。

解决方案:
在软键盘消失的时候,手动将滚动区域回到顶部,
具体操作是:

<template>
	<input  @blur="blurs"/>
</template>
<script>
export default {
	data(){
		return { }
	},
	methods:{
		blurs(){
			window.scroll(0, 0);
		}
	}
}
</script>

猜你喜欢

转载自blog.csdn.net/marko_zheng/article/details/88179078
今日推荐