场景:当页面出现遮罩层,并且遮罩可以滑动时,滑动遮罩层时会造成底部页面跟着一块滑动
解决方案:当出现遮罩时,利用固定定位禁止底部页面滑动。
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;
}