CSS遮罩層可以在網頁中起到不錯的覆蓋效果，通常用于彈窗、提示框、登錄框等。但是，如果不加控制，用戶在遮罩層下仍然可以滾動頁面，影響用戶體驗。

那么，如何在遮罩層下禁止滾動呢？

body {
overflow: hidden; 
}

在大多數情況下，我們只需要在CSS中為body標簽添加overflow:hidden;屬性即可實現禁止滾動。這條CSS規則能夠將整個頁面的滾動條隱藏掉，阻止用戶滾動。

然而，這種方案并不適用于所有情況。如果遮罩層本身就是body的子元素，該方法將會將整個頁面上鎖，這是我們不想看到的。

此時，我們可以采用JavaScript來實現更精細的控制，針對具體的遮罩層進行操作。

var modal = document.getElementById("myModal");
modal.style.overflow = "hidden";

上述代碼中，我們使用JavaScript獲取到ID為“myModal”的遮罩層元素，然后為其添加了一個overflow:hidden;的樣式。這樣就只會鎖定該元素內的滾動，而不會影響頁面其它部分。

最后，CSS、JavaScript兩種方法各有千秋，根據實際情況選擇合適的方法來實現遮罩層下禁止滾動吧！