uview使用u-popup组件当开启遮罩层禁止下层页面滚动。uniapp弹框禁止页面上下滚动。

用css控制并动态绑定class名来实现，在遮罩层打开的时候css样式也开启，关闭时css样式失效

<view class="my" @touchend="end" @touchmove="move" :class="{popupShow:popupShow}"><u-popup :show="popupShow" mode="right" @close="closeMenu" bgColor="#161823" safeAreaInsetTop></u-popup><u-button type="primary" class="top-right-btn" @click="openMenu">开启遮罩层</u-button>
</view>
<script>
export default {data() {return {popupShow:false;}}methods:{openMenu() {this.popupShow = true;}closeMenu() {this.popupShow = false;}}
</script>
<style lang="scss" scoped>
.popupShow {overflow: hidden;position: fixed;
}
</style>