JS弹出遮罩层后底部页面不滚动实现

在我们开发过程中，经常会遇到这样的问题，在页面上弹出一个弹层，但是底部页面却可以滚动，本文实现JS弹出遮罩层后底部页面不滚动效果。首先效果如图，这里我们需要点击页面头部一个按钮才出现弹层，这里是弹层出现后底部页面滑动到下面的效果图：

这里只需CSS就可实现，代码如下：

//弹层CSS代码
.paydiv{
    position: fixed;
    left: 0;
    top:0;
    right:0