使用类似于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;
}