html代碼:

這是內容111

這里是內容222

這里是內容333

css代碼:

.inner{

width: 265px;

height: 400px;

position: absolute;

top: 33px;

left: 13px;

/*cursor: pointer;*/

overflow:hidden;

}

.innerbox{

overflow-x: hidden;

overflow-y: auto;

color: #000;

font-size: .7rem;

font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑體",Arial,Tahoma;

height: 100%;

}

/*滾動條樣式*/

.innerbox::-webkit-scrollbar {/*滾動條整體樣式*/

width: 4px; /*高寬分別對應橫豎滾動條的尺寸*/

height: 4px;

}

.innerbox::-webkit-scrollbar-thumb {/*滾動條里面小方塊*/

border-radius: 5px;

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

background: rgba(0,0,0,0.2);

}

.innerbox::-webkit-scrollbar-track {/*滾動條里面軌道*/

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

border-radius: 0;

background: rgba(0,0,0,0.1);

}

總結

以上是生活随笔為你收集整理的HTML滚动条S默认最小值,css修改滚动条默认样式的全部內容，希望文章能夠幫你解決所遇到的問題。

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