当页面出现遮罩层，并且遮罩可以滑动时，滑动遮罩层时会造成底部页面跟着一块滑动

场景：当页面出现遮罩层，并且遮罩可以滑动时，滑动遮罩层时会造成底部页面跟着一块滑动

解决方案：当出现遮罩时，利用固定定位禁止底部页面滑动。

view页面

<view id="content" :class="isShowWl?'active-container':''" style="min-height: 100vh;background: #f6f6f6">
    <!-- 遮罩模态框 -->
    <view :show="isShowWl"  >
        <scroll-view class="scroll-view" scroll-y="true" >

        </scroll-view>
    </view>
</view>

css样式

// 显示遮罩时固定底部页面
.active-container{
    position:fixed;
    left:0;
    top:0;
    height: 100%;
    overflow: hidden;
}