1

Pessoal como faço para a barra ficar com fundo transparente e não branco igual na imagem abaixo:

Ja tentei

::-webkit-scrollbar-track

::-webkit-scrollbar-thumb

inserir a descrição da imagem aqui

0

1 Resposta 1

1

Definir estilos para scrollbar é uma raridade, eles não são parte do padrão W3C para css, e portanto,a maioria dos navegadores simplesmente ignoram.

Porém existem Webkits que permitem a customização, em meus testes não consegui encontrar um que tivesse suporte a todos os navegadores atuais.

Custom Scrollbars in Webkit

No link acima possui um exemplo, o mesmo funcionará no Google Chrome, mas em outros como Firefox e IE não farão efeito.

Procurei no W3C e encontrei o seguinte:

Atualmente, Não existe nenhuma forma de customização do scroll compatível com todos os navegadores. O artigo W3C Menciona no final a seguinte declaração em sexta-feira 07 de agosto de 2015 18:50:04:

Alguns navegadores (IE,konqueror) suportam propriedades que não fazem parte do padrão como scrollbar-shadow-color, scrollbar-track-color e outras. Essas propriedades são ilegais, elas não são definidas em qualquer especificação CSS nem são identificadas como propriétárias (prefixando-os com "-vendor-").

W3C Scrollbars Test

Neste topico no StackOverFlow e abordado esta questão e uma das abordagens mais assertivas e usar um plugin, Alguns deles:

iScroll

nanoScrollerJS