webARTz - Onde a WEB encontra a ARTE

Cadastre-se no Mercado Livre, clique aqui !!
04 mai
Barra de scroll com nanoScroller.js

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:

http://jamesflorentino.com/jquery.nanoscroller/

Comentários (1)

Trackbacks/Pingbacks (0)

  • Rodrigo Luis escreveu:

    Responder

    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.

    sexta-feira, 04 de maio de 2012 às 17:32 www.webartz.com.br
  • Este post ainda não possui Pingbacks ou Trackbacks

Faça seu Comentário

webARTz - Onde a WEB encontra a ARTE

Free Page Rank Tool Visitantes Online Server Monitor Spam Poison Creative Commons License
Contribuindo na Web desde Março de 2008| Powered by Wordpress.org| Hospedado na KingHost| Fundado por Rodrigo Luis e Anderson Backes
Voltar ao Topo