Estilizando o scroll

[Jefferson NF 0]

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.

[Giovani 104]

Pesquise por "barra de rolagem" aqui no fórum, você encontrará a(s) resposta(s) :D

[Guilherme Müller 0]

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!

[Matheus Pace 0]

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

[Thiago Retondar 18]

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