Manipular scroll-bar via css ou jquery

jQuery

CSS

JavaScript

25/11/2016

Opa galera, podem me ajudar numa missãozinha?

Estou precisando personalizar a scroll bar de umas páginas de um determinado website...

Isso porque o cliente "pediu" isso, devido ao estilo das páginas.

Não seriam alterações muito profundas na scroll-bar, seriam mais para manipular largura e cores.

Alguém tem uma sugestão?
Calebe Menezes

Calebe Menezes

Curtidas 0

Respostas

Eduardo Chaves

Eduardo Chaves

25/11/2016

Olá Calebe, bom dia!

Você pode tentar utilizar css pra isso

body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


esse exemplo acima mostra como acessar a propriedade scrollbar no css.
espero ter ajudado.

abs
GOSTEI 0
Calebe Menezes

Calebe Menezes

25/11/2016

Opa Duhsoares21,

Valeu camarada! Tava meio chatinho para achar essa parada!

Funcionou de boa aqui. Dá até para fazer umas paradinhas melhores do que eu queria fazer!
GOSTEI 0
POSTAR