Gestión de scrollbars con jQuery

Una de las virtudes de jQuery que más me gusta es la de poder tener control casi total sobre lo que ocurre en un documento, gestionar elementos, moverlos, y hacer prácticamente todo lo que se necesite con apenas unas lineas de código.

Un buen ejemplo de esto es el plugin Tiny Scollbar, que nos permite controlar el modo de mostrarse de las barras de scroll contenidas en un documento. Con este simple plugin podemos controlar el tamaño de la ventana con scroll, el tipo de orientación y hasta los detalles más sutiles en cuanto a lo estético se refiere.

Entre las principales características podemos destacar:

• Soporte para iPad, iPhone y Android.
• Fácil personalización.
• Tamaño que se puede fijar.
• Menos de 100 lineas de código, en su versión comprimida pesa solo 2,29kb.
• Soporta acción del scroll utilizando la rueda del mouse.

Ejemplo de scroll con texto:

Ejemplo de inicialización de un scroll horizontal:

$('#scrollbar2').tinyscrollbar({ axis: 'x'});

Una característica para nada despreciable que permite este plugin es la de permitir cambiar el tamaño del scroll sin la necesidad de actualizar la ventana del navegador, esto se logra mediante una simple llamada al plugin mediante la función especialmente creada para ello.

Les recomiendo visitar la web del autor para encontrar más ejemplos de uso.

Web: Tiny Scollbar