vue 遮罩层 - 禁止滚动事件

页面上有遮罩层，但是下面页面过长，不允许页面滑动~

解决：@touchmove.prevent

移动端项目需要在首页做一个弹出的遮罩层，上面是活动样式，就是下面左边的样子

但是首页内容过长，遮罩层css写了position:absolute ，100%的宽高之后，滚动后会内容部分不在遮罩层下面.....丑样子如下

           

遮罩层css，如下，将position:absolute改成fixed

这样在pc端测试的时候，滚轮滚动，下面样式滚动，遮罩层依然最上方，不会出现右边的情况

当前有的解决办法是直接禁止鼠标的滚动事件，这样肯定是更好，但是我的是移动端项目~主要解决手机上下滑动事件就行了~

改变css这个方法纯属是为了浏览器测试的时候更好看一点~

.activityCover{
    position: fixed;
    /*position: absolute;*/
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
    z-index:99;
}

@touchmove阻止遮罩层默认滚动事件
<div class="activityCover" v-if="activityShow" @touchmove.prevent ></div>