Manipular scroll-bar via css ou jquery

25/11/2016

0

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

Responder

Posts

28/11/2016

Eduardo Chaves

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
Responder

29/11/2016

Calebe Menezes

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!
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar