造型铬滚动条像Facebook聊天滚动条?

时间:2015-01-26 08:04:19

标签: facebook google-chrome scrollbar

我尝试了很多方法,但他们并不像我想的那样好。我希望srcoll bar在不活动时自动隐藏,滚动时显示。你能帮助我吗?谢谢!

1 个答案:

答案 0 :(得分:0)

这就是获得像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;
}