Укладка хромированной полосы прокрутки, например, полосы прокрутки facebook chat?

Question

Я пробовал много способов, но они не хороши, как я хочу. Я хочу, чтобы srcoll bar автоматически скрывался, когда он неактивен, показывается при прокрутке. Вы можете мне помочь? Благодаря!

Answer 1

Это все, что вам нужно, чтобы получить полосу прокрутки, такую ​​как facebook.

/******* WebKit Scrollbar для 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; 
}