样式 chrome 滚动条像 facebook 聊天滚动条？

Question

我尝试了很多方法，但都不是我想要的。我希望滚动条在不活动时自动隐藏，滚动时显示。你能帮助我吗？谢谢！

Answer 1

这就是获得像 facebook 这样的滚动条所需的全部。

/******* Webkit 浏览器的 WebKit 滚动条 *******/

::-webkit-scrollbar
{
    width: 15px;
    height: 20px;
}

::-webkit-scrollbar-thumb
{
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-button
{
    width: 0;
    height: 0;
    display: none;
}

::-webkit-scrollbar-corner
{
    background-color: transparent;
}

样式 chrome 滚动条像 facebook 聊天滚动条？

Styling chrome scroll bar like facebook chat scroll bar?

facebook

google-chrome

scrollbar