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;
}