La idea es simple, tenemos un precioso diseño pero al maquetarlo nos damos cuenta que queda un poco feote con esas barras de scroll de sistema.
La solución es fácil, con un simple plugin de jquery podemos darle el estilo que queramos, la forma es bastante sencilla:
Añadimos el plugin en el head de nuestro site, junto con el css básico al que luego podremos dar forma:
<script type="text/javascript" xsrc="jScrollPane.js"></script>
<link rel="stylesheet" type="text/css" media="all" xhref="styles/jScrollPane.css" />
Ahora solo tenemos que llamar al elemento de bloque, con overflow:auto, al que queramos dar estilo, si tenemos por ejemplo:
<ul class="lista_enlaces">
<li><a xhref="link1.html">Enlace 1</a></li>
<li><a xhref="link2.html">Enlace 2</a></li>
<li><a xhref="link2.html">Enlace 3</a></li>
</ul>
La llamada será tal que así:
$(function(){
$('.lista_enlaces').jScrollPane();
});
¡Y eso es todo!
Más información: jScrollPane
