小程序遮罩层下面内容会滚动的事件穿透问题

我做了一个底部滑出的效果，但是发现遮罩层下面的内容（红框框圈住的部分）也会跟着滚动。阻止冒泡也没有解决问题。
首先判断弹窗弹起时给遮罩层下面的内容加上一个class。给它一个固定的高度，并加上overflow:hidden;就可以解决问题啦！
附上重要代码

<view **class="{
   
   {hideModal?'sc':'sc1'}}"**>
/*css部分*/
.sc {
   
   
  width: 100%;
  padding: 0