更改滾動條的樣式點擊/使用webkit css類似於Gmail聊天

Question

您好，我試圖修改滾動條的webkit屬性，每當用戶使用鼠標滾動類似於gmail聊天中發生的滾動條。

到現在我已經成功地懸停修改屬性爲：

::-webkit-scrollbar-thumb:hover { 
    background-color: hsl(216, 8%, 70%); 
} 

如何修改它的滾動事件？謝謝...

Answer 1

使用:active狀態：

::-webkit-scrollbar-thumb:active { 
    background-color: blue; 
}