- 遮罩层的 position设为 fixed
- 最外层盒子要设置高度 height 和 隐藏滚动条 overflow-x: hidden;
<div id="aa">
<div class="list">
<div class="aaa" v-for="(item, idx) in arr" :key="idx">
<span>页面内容</span>
</div>
<button @click="biu">aa</button>
</div>
<div class="zhezhao" v-show="isClick">
<div class="content">
<span>遮罩内容</span>
</div>
</div>
</div>
<style lang="less" scoped>
#aa{
height: 100%;
overflow-x: hidden;
.list{}
.zhezhao{
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
}
}
//隐藏滚动条
#aa::-webkit-scrollbar {
display: none;
}
</style>