[Resolvido] Personalizar o Overflow

[jonny_quest 0]

Boa noite ao grupo :)

 

Gostaria de saber se há como personalizar as barras de rolagem dos navegadores usando a propriedade overflow do CSS.

 

Não gostei do resultado numa página com aquelas barras de rolagem padrão muito largas, então queria personalizar usando-as mais finas, mas não achei ainda documentação para personalizar o overflow controlado via CSS.

 

Sei que posso ter dor de cabeça com o Internet Explorer :( por ter que talvez usar hacks, mas queria experimentar.

 

Grato a todos pela atenção. ;)

[William Bruno 1501]

não achei ainda documentação para personalizar o overflow controlado via CSS.

não existe. Simplesmente não dá para personalizar overflow com css.

 

oque você consegue fazer, é um replace.. trocando o overflow padrão, por outro. Terá que usar javascript.

 

dá uma procurada, que você vai encontrar plugins que fazem isso pra você.

[Evandro Oliveira 331]

Gostaria de saber se há como personalizar as barras de rolagem dos navegadores usando a propriedade overflow do CSS.

 

Cada um é cada um. O que o overflow faz é nada mais que controlar a forma como o sobre-fluxo se comportará no contêiner. Personalizar as barras de rolagens via css é possível apenas para os navegadores IE e Opera, não sendo, portanto, uma standard.

 

Como já sugerido pelo William, você pode procurar por 'javascript scrollbars'

[jonny_quest 0]

Bom dia Evandro Oliveira e William Bruno :)

 

Com js eu já tinha esta idéia, queria evitar usar porque o IE ainda faz bloqueios para scripts(que pode ser facilmente burlado), mas os usuários menos experientes, podem não ter uma boa experiência de uso na página em sí, portanto procurei a solução em css mas não encontrei ela toda, no site do Maujor, tem alguma coisa de personalizar barras de rolagem, vou ver se pego a ideia dele e adapto com o que preciso seria algo como usar juntos(CSS/JS).

 

Quando tiver algo bom desses dois coloco o código aqui para que outros possam usar também.

 

Obrigado e valeu pela ajuda! :joia:

 

Tópico resolvido