Barra de scroll com nanoScroller.js
Muitas vezes em um desenvolvimento nos deparamos com layouts muito bem feitos, porem algo que sempre fica fora do alcance são as barras de scroll. Além de cada navegador estilizar de seu jeito essas barras, elas podem trazer os mais diversos bugs a interface do usuário como o mais comum quebra de layout.
Como solução por um bom tempo fora tentar estilizar as barras via css, o que também dava resultados diferentes nos diversos navegadores, além de ser um trabalho difícil e demorado.
Recentemente me deparei com uma solução mais direta, o nanoScroller. Um plugin escrito em CoffeeScript que simula a barra de scroll do OSx Lion, ele só aparece quando é usado, uma barra semi-transparente escura aparece quando esta em uso por cima do box, não alterando nada em sem conteúdo, sendo assim se torna uma solução perfeita para esse problema.
Ele pode ser facilmente integrado em seus projetos, só é necessário colocar seu script e folha de estilo no seu projeto e chamar a função via javascript. Tudo é explicado claramente no site oficial:







10 Melhores dicas para WordPress
Desenvolvendo web com Modernizr
jQuery e jQuery Mobile: A Evolução em um Framework
Mais um novo Colunista no webARTz
Confira o Podcast webARTz, com vários assuntos abordados aqui no blog. Utilize os links abaixo para baixar os arquivos.



Comentários (1)
Trackbacks/Pingbacks (0)
1ºRodrigo Luis escreveu:
Iram,
Parabéns pelo seu primeiro post aqui no webARTz, e claro, excelente post !!
Essa nanoScroller é semelhante a que é utilizada no Gmail pelo Google. No caso do Gmail não sei ao certo qual “Scroller” que eles utilizaram, mas é bem semelhante a essa.