使用类似于gmail聊天的webkit css更改点击/按住滚动条的样式

Question

你好，每当用户使用鼠标滚动滚动条时，我都试图修改滚动条的webkit属性，类似于gmail聊天中发生的情况。。

到目前为止，我已经成功地将悬停上的属性修改为：

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

如何在滚动事件中修改它？谢谢

Answer 1

使用:active状态：

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