步驟一：給元素設置高度 + overflow: auto;

如果只是去除垂直方向上的滾動條，可以設置 overflow-y

PS：水平方向溢出設置：overflow-x ；
水平和處置方向溢出設置一致時，可以設置：overflow

代碼示例：

一個類名為 ‘scroll-box’ 設置了一定高度，它里面的內容如果超出了設定的高度，就會出現滾動條，上下翻滾可以查看完整的內容：

.scroll-box {
	height: 200px;
	overflow-y: auto;
}

步驟二：隱藏滾動條

有時候只需要上下翻滾查看，不想要滾動條，去除該元素滾動條的方法：

.scroll-box::-webkit-scrollbar {
    display: none;
  }

圖片示例：

出去滾動條前：

去除滾動條后：

到此這篇關于CSS頁面去除滾動條方法的文章就介紹到這了,更多相關css 去除滾動條內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章，希望大家以后多多支持腳本之家！

總結

以上是生活随笔為你收集整理的CSS页面去除滚动条详细步骤(html去除滚动条)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。