在我们开发过程中,经常会遇到这样的问题,在页面上弹出一个弹层,但是底部页面却可以滚动,本文实现JS弹出遮罩层后底部页面不滚动效果。首先效果如图,这里我们需要点击页面头部一个按钮才出现弹层,这里是弹层出现后底部页面滑动到下面的效果图:
这里只需CSS就可实现,代码如下:
//弹层CSS代码
.paydiv{
position: fixed;
left: 0;
top:0;
right:0
在我们开发过程中,经常会遇到这样的问题,在页面上弹出一个弹层,但是底部页面却可以滚动,本文实现JS弹出遮罩层后底部页面不滚动效果。首先效果如图,这里我们需要点击页面头部一个按钮才出现弹层,这里是弹层出现后底部页面滑动到下面的效果图:
这里只需CSS就可实现,代码如下:
//弹层CSS代码
.paydiv{
position: fixed;
left: 0;
top:0;
right:0