CSS遮罩層是一種實現彈出框、提示框等效果的常用方式，而有時我們需要在遮罩層下面的頁面進行滾動操作，下面讓我們來一起探討如何實現這個需求。

首先，我們來看一下普通的遮罩層的樣式代碼：

.mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
}

這段代碼中，我們設置了一個固定位置的黑色半透明背景，覆蓋在整個頁面上，并且通過z-index屬性將其置于最頂層。

接下來，我們需要在遮罩層下面的頁面實現滾動，可以使用以下代碼：

body {
overflow: hidden;
}
.mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
overflow: scroll;
}

這段代碼中，我們將body的overflow屬性設置為hidden，禁止整個頁面進行滾動。然后，我們為遮罩層添加overflow屬性，并將其設置為scroll，這樣就可以在遮罩層下面的頁面上進行滾動了。

需要注意的是，如果遮罩層本身就具有滾動條，那么需要在滾動條出現時再將body的overflow屬性設置為hidden，否則遮罩層上也會出現兩個滾動條。

通過上面的方法，我們就可以實現在遮罩層下面的頁面進行滾動的效果了。