jquery遮罩层可以阻止用户在网页上进行一些操作，例如单击、滚动、拖拽等等。以下是如何使用jquery遮罩层来阻止网页的滚动：

$(document).ready(function(){$('#mask').show();$('body').css('overflow', 'hidden');   });

代码中，首先我们需要设置遮罩层的样式，如纯黑色透明背景布局于全屏幕中：

#mask{background-color: #000;opacity: 0.5;position:absolute;top:0px;left:0px;width: 100%;height: 100%;}

然后，我们可以在页面加载完成后使用jquery选择器来选择遮罩层并显示它：

$('#mask').show();

最后，我们只需要将网页的overflow属性设置为hidden，这样就可以阻止网页的滚动了：

$('body').css('overflow', 'hidden');

使用以上方法可以很容易的实现jquery遮罩层阻止网页滚动的效果。