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