css設置滾動條透明和自定義

• css設置滾動條透明
• 自定義滾動條高度和顏色

::-webkit-scrollbar {
 height: 0;
 width: 0;
 color: transparent;
}

/*定義滾動條樣式（高寬及背景）*/
::-webkit-scrollbar {
 width: 6px; /* 滾動條寬度， width：對應豎滾動條的寬度 height：對應橫滾動條的高度*/
 background: #007acc;
}
/*定義滾動條軌道（凹槽）樣式*/
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /* 較少使用 */
 border-radius: 3px;




}
/*定義滑塊 樣式*/
::-webkit-scrollbar-thumb {
 border-radius: 3px;
 height: 100px; /* 滾動條滑塊長度 */
 background-color: #ccc;
}