CSS是網頁制作中的重要部分，它可以實現很多網頁效果，其中包括禁止頁面滾動條的功能。

body {
overflow: hidden;
}

在CSS中，我們可以使用overflow: hidden屬性來禁止頁面滾動。該屬性可以給頁面的body元素添加，當頁面內容超出屏幕范圍時，頁面就不會出現滾動條。

通常情況下，我們可以在彈出層、模態框等需要鎖定頁面的場景中使用該屬性來禁止頁面滾動。

需要注意的是，當我們禁止頁面滾動條后，會發現無法滾動頁面，如果需要在一些場景下允許滾動條，可以使用JavaScript代碼來開啟或關閉頁面滾動。

// 禁用滾動
function disableScroll() {
document.body.style.overflow = "hidden";
document.documentElement.style.overflow = "hidden";
}
// 開啟滾動
function enableScroll() {
document.body.style.overflow = "";
document.documentElement.style.overflow = "";
}

通過以上代碼，我們可以在需要控制滾動條的場景中來控制頁面是否可以滾動。

總之，CSS的overflow: hidden屬性可以幫助我們實現禁止頁面滾動條的效果，通過JavaScript我們也可以在需要時控制是否需要開啟或關閉頁面滾動。