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

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

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

代碼示例：

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

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

步驟二：隱藏滾動條

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

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

圖片示例：

出去滾動條前：

去除滾動條后：

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

最新評論