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