Scroll Personalizada

Bom gente, vou ensinar a vocês como coloca aquelas barras de rolagens bonitas e personalizadas, esse código só vai precisar do CSS, o HTML dele já é automático, vamos lá…

No seu CSS (entre <style> e </style>) cole isso:

::-webkit-scrollbar {width:5px; height:10px;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment {background-color:transparent; height:0px; display:block;}
::-webkit-scrollbar-track-piece {background:#COR DO FUNDO; -webkit-border-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px;}
::-webkit-scrollbar-thumb:vertical {background:#COR DO FUNDO;}
::-webkit-scrollbar-thumb:horizontal {width:50px; background:#COR DO FUNDO;}

Edite as cores que pedem e pronto, salve.