有弹出层的时候滑动弹出层不让底部的滑动

最近开发电商，弹出了优惠券，滑动优惠券到底部时，再继续滑动，下层的商家页就开始进行滑动，测试小姐姐给指了一个bug，当时觉得哇，这也指，但是想到程序员就是解决bug而生的，就又拿起了键盘

废话不多说，上代码

时间阻止

data里面定义默认为false

css代码

.couponMask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index:40; }

  .couponLayer{ background: #F5F5F5; height: 71.67%; top: 28.33%; position: relative; border-radius:10px 10px 0px 0px; position: fixed; z-index: 42; width: 100%; left: 0; }