滾動是Web頁面中最基本和常用的功能之一,但有時候在特定情況下需要禁止滾動,例如彈出層或模態框等彈窗組件,以便讓用戶集中注意力于組件內容。
body { overflow: hidden; }
上述CSS代碼可以將頁面的滾動效果禁止掉。其中,body
代表網頁的正文內容,overflow
屬性定義了容器內的內容溢出如何處理。在此例中,將溢出隱藏掉,就相當于禁止了滾動。
需要注意的是,禁止滾動不僅僅是使用CSS就能完成的,有些高級的組件需要使用JavaScript等技術實現。同時,禁止滾動可能會對用戶體驗產生負面影響,因此需要謹慎使用。
上一篇css固定導航欄在底部
下一篇css固定寬度自動換行