解决小程序遮罩层弹出后可以滚动列表问题

小程序滚动穿透问题?场景如下

 解决方案:

//在最外层的盒子上加上此样式,控制外层盒子脱离文档流,占满屏幕且溢出隐藏。 
class="{{isShowDetail ? 'noscroll' : ''}}"
//而isShowDetail控制是否展示弹框, noscroll样式如下:
.noscroll {
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow: hidden;
    position: fixed;
    z-index: 0;
}

  

 

posted @ 2020-11-16 17:36  进心进利  阅读(484)  评论(0编辑  收藏  举报