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

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

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

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;
}

猜你喜欢

转载自blog.csdn.net/m0_52459016/article/details/122413635