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

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

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

代碼示例：

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

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

步驟二：隱藏滾動條

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

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

圖片示例：

出去滾動條前：

去除滾動條后：

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

最新評論