Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal,
Coloquei
overflow: auto;
em uma div no meu site, essa div é que mostra o conteudo do mesmo. Quando o texto ultrapassa a area determinada para essa div, a barra de rolagem aparece, porém queria saber como possa personaliza-la, estiliza-la? Vi alguns exemplos que só funcionam no IE e ouros usando o JS e AJAX, mas até agora não consegui colocar em pratica nem ver resultado. Se alguém puder me ajudar, serei grato.Valeu.
Olá Jefferson,
A melhor alternativa para isso é realmente utilizar javascript. Mas cuidado pois existem scripts ruins que escondem a barra de rolagem original e, se a pessoa não tem javascript ativado, nada aparece.
Quando precisei fazer isso para um cliente (não sou muito a favor de substituir a barra de rolagem), utilizei este plugin jQuery:
http://jscrollpane.kelvinluck.com/
Tente desativar javascript e você verá que, com esse plugin, a barra de rolagem original aparece sem problemas.
Um exemplo de utilização que fiz:
http://yogofest.com.br/empresa.html
Espero que ajude!
A pouco tempo também estilizei a barra de scroll em meu site pessoal, o problema foi que o código só era lido no IE, ou seja, a barra no Chrome e no Firefox eram as padrões. Se alguém pudesse me ajudar, ficaria grato.
[]s
Matheus Pace
O Guilherme postou bons links para isso.
Qualquer coisa, pesquise por soluções com jQuery. Há uma variedade de plugins que existem para facilitar isso.
:thumbsup: @thiagoretondar
Pesquise por "barra de rolagem" aqui no fórum, você encontrará a(s) resposta(s) :D