CSS 頁面滾動條不滾動指的是頁面的內容高度小于窗口的高度,頁面不需要滾動條來查看全部內容。在 CSS 中,可以通過以下代碼實現:
body { overflow: hidden; }
上述代碼中,body
選擇器用于控制整個頁面視圖,overflow
屬性用于控制元素內內容溢出時如何處理。而hidden
值用于隱藏多余的內容,禁用縱向和橫向的滾動條。
同時,如果你想在部分元素中不顯示滾動條,而在其他元素中顯示滾動條,可以通過下面的代碼實現:
.scroll { overflow-y: scroll; height: 300px; } .no-scroll { overflow-y: hidden; height: 300px; }
上述代碼中,我們分別為顯示滾動條的元素和不顯示滾動條的元素設置了相應的樣式。overflow-y
屬性用于控制縱向溢出時如何處理,scroll
值將在需要的時候顯示滾動條,hidden
值將隱藏滾動條;height
屬性用于控制元素的高度。
總之,CSS 頁面不滾動條滾動可以通過簡單的 CSS 樣式實現,讓頁面更加簡潔美觀。
上一篇css調整邊角為弧形