給需要滾動的元素添加偽選擇器，::-webkit-scrollbar{width:0;}，

將寬度設(shè)為0，滾動條就會隱藏。

?

PS：

可以設(shè)置滾動條樣式，使其美觀。

?

/*滾動條寬 長,滾動條整體部分，其中的屬性有width,height,background,border等。*/

::-webkit-scrollbar{

?????? ? width: 7px;

??? }

/*滾動條的滑軌背景顏色,可以用display:none讓其不顯示，也可以添加背景圖片，顏色改變顯示效果。*/

??? ::-webkit-scrollbar-track{

?????? ?background-color: #f5f5f5;

????? ??? -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);

?????? border-radius:5px;

}

/* 滑塊顏色 */

??? ::-webkit-scrollbar-thumb{

?????? ?background-color: rgba(0, 0, 0, 0.2);

?????? ?border-radius: 5px;

??? }

/*滾動條兩端的按鈕。可以用display:none讓其不顯示，也可以添加背景圖片，顏色改變顯示效果。*/

??? ::-webkit-scrollbar-button{

?????? ?background-color: #eee;

?????? ?display: none;

? ?}

/* 橫向滾動條和縱向滾動條相交處尖角的顏色 */

??? ::-webkit-scrollbar-corner{

?????? ?background-color: black;

??? }

效果：

總結(jié)

以上是生活随笔為你收集整理的CSS美化滚动条的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。