为什么加了遮罩了就不能滚动了？

[tomorrow93]

如图，当优惠券多的话（6个以上）就不会滚动了，无论怎么滚动只是body动而已，遮罩层不动，这是怎回事？

<!--弹出 - 优惠券-->
<div id="zhezhao_voucher">
	<div class="voucher ">
		<div class="container">
			<h3>优惠券<img src="images/de_close.png" class="voucherImg"></h3>
			<div class="voucherList">
				<div class="voucher_left">
					<h1><span>￥</span>50</h1>
					<p>满400可用</p>
				</div>
				<div class="voucher_right">
					<h2>优惠券50元</h2>
					<h4>适用部分商品</h4>
					<p>有效期：2017/07/25 24:00</p>
				</div>
				<button class="voucher_BtnTake">领取</button>
			</div>
		</div>
		<button class="voucher_BtnOK Mtop10">完成</button>
	</div>
</div>

遮罩写法：

#zhezhao_voucher
{
	background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	z-index: 50000;
}

[中式小面包]

1，因为你的遮罩层height是100%，没得滚动； 2，一般来说应该是在包裹内容的div给设个height（或max-height），然后overflow-y:scroll，这样内容区域就有个滚动条； 3，外面不要滑动的话，弹出遮罩层的时候给body加个height，然后overflow:hidden