Una de las dificultades que tenemos quienes llevamos a cabo páginas web es la imposibilidad de contar con una apariencia estándar para los controles de nuestras páginas, me estoy refiriendo más concretamente a los controles estándar de HTML para formularios y algunos otros como el que toca esta entrada: las barras de "scroll" que pueden mostrarse en distintos elementos que las requieran.
Personalmente, soy de buen conformar, y, suelo usar únicamente los controles estándar, sabiendo que estos no se mostrarán igual en diferentes navegadores y plataformas, pero, con la ventaja de no recurrir a trucos más o menos logrados: en cierto modo usar el estándar debería funcionar bien en cualquier navegador, sólo que cada navegador pintará los botones, por ejemplo, a su manera, que, desde luego, no se parecerá a como lo hacen el resto de navegadores.
Sea como sea, si se piensa en el diseño, en el estilo, entonces puedes toparte con un problema si utilizas los elementos estándar, porque, tal vez no casen bien con el diseño de tu sitio web, independientemente ya de cómo se muestre una barra de "scroll" en un navegador u otro: lo que necesitas es que la propia barra de "scroll" se adapte más bien al diseño de tu sitio, en cuantos más navegadores mejor. Pues bien, al menos para Opera, Internet Explorer, Firefox y Safari, puede servirnos el plugin para jQuery jScrollPane.
Como se muestra en uno de sus ejemplos con este plugin podremos contar con barras de "scroll" con diferentes estilos, en este caso imitando el de distintos navegadores. Aunque jScrollPane puede ir más allá, como podrás comprobar echando un vistazo al resto de ejemplos, y, sobre todo, en los distintos estilos usados en sitios web "reales", como este, este y este otro. Desde luego, hay que reconocer que estos sitios web que enlazo no lucirían de la misma forma que lucen si usaran la barra de "scroll" estándar de los navegadores: de cualquiera de ellos.
