CSS是前端必不可少的技術，掌握好CSS的各種技巧，可以讓我們的網頁更加美觀、酷炫。但是在開發網頁時，會經常遇到一些需要禁止頁面滾動的情況，比如彈窗、模態框等，本文就來介紹CSS如何實現禁止頁面滾動。

首先，我們可以想到設置頁面的overflow屬性為hidden，即將網頁的滾動條隱藏，以禁止頁面滾動。示例代碼如下：

body{
overflow:hidden;
}

這樣設置是可行的，但是會有一個問題，如果禁止滾動后彈窗或模態框過長，用戶無法進行滾動查看全部內容。因此，我們需要在禁止滾動時，鎖定當前可滾動的對象（比如網頁的主體部分），使彈窗或模態框處于當前可視區域內。代碼如下：

/*禁止頁面滾動*/
body{
overflow:hidden;
}
/*鎖定可滾動對象*/
.modal-open{
overflow-y:auto;
}

以上就是CSS如何禁止頁面滾動的方法，需要注意的是，禁止頁面滾動要注意用戶的操作體驗，不能因為禁止滾動而影響用戶對網頁內容的查看。