自訂捲軸CSS樣式

標籤：背景   box   定義   log   overflow   set   預覽圖   分享   blog   

首先，給個預設css，清除掉以前的樣式，給預設背景

.scrollbar {    margin-left: 30px;    float: left;    height: 300px;    width: 65px;    background: #F5F5F5;    overflow-y: scroll;    margin-bottom: 25px;}

然後給自訂寬度和顏色

.scrollbar::-webkit-scrollbar {    width: 12px;    background-color: #F5F5F5;}.scrollbar::-webkit-scrollbar-thumb {    border-radius: 10px;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);    background-color: #D62929;}

預覽圖就是這個效果

 

自訂捲軸CSS樣式