在 Web 開發中，有時候我們需要禁止頁面的滑動，讓用戶只能在固定的區域內瀏覽內容。下面我們將介紹如何使用 CSS 和 HTML 實現禁止滑動的效果。

首先，我們可以通過 CSS 設置 overflow 屬性為 hidden 來禁止頁面滾動：

body {
overflow: hidden;
}

代碼中的 body 可以根據實際頁面中的容器元素來調整。需要注意的是，當 overflow 屬性設置為 hidden 時，頁面中的元素將超出視口的部分不再可見，所以我們需要保證容器元素的大小能夠包含周圍的內容。

除了使用 CSS 對頁面滾動進行限制，我們還可以使用 JavaScript 監聽 touchmove 事件，并在該事件中阻止默認的滾動行為：

document.body.addEventListener('touchmove', function(e) {
e.preventDefault();
}, { passive: false });

這段代碼將禁止頁面在觸摸移動時出現滾動效果。

最后，我們需要注意的是，禁止頁面滑動可能會影響用戶體驗，需要根據具體場景進行判斷。一些情況下，我們可以使用 overflow-x 和 overflow-y 屬性對水平和垂直滾動進行分別控制，以增強用戶的操作意愿。