jQuery NiceScroll para un scroll mejorado en ordenadores y móviles Blog de Martin Iglesias

jQuery NiceScroll para un scroll mejorado en ordenadores y móviles

Escrito por Martín Iglesias y leído 10,312 veces. Ver comentarios

14NOVIEMBRE/2011

jQuery NiceScroll es un plugin, tal como indica su nombre, que mejora las barras de desplazamiento tanto en ordenadores de sobremesa, portátiles y también en dispositivos móviles. Resumiendo, y si miras la imagen más arriba, verás que es un scroll similar al de Facebook.

Realmente, por lo que vi en su web, es lo más fácil que existe para poner a funcionar... sólo basta con indicarle qué elemento (body, div, etc...) tendrá el scroll, configurar por css su aspecto y todo finalizado.

Características:

Fácil instalación y activación, funciona sin ninguna modificación de su código.
Barras de desplazamiento con mucho estilo, sin ocupar la ventana principal ya que no es necesario que esté siempre visible.
Se puede modificar por CSS el estilo principal de la barra de desplazamiento.
Funciona en todos los navegadores puede desplazarse: arrastrando el cursor, la rueda del ratón (velocidad adaptable), navegación con el teclado (teclas de cursor, pagup / teclas, casa / fin de teclas)
Desplazamiento suave (como la navegación en un tablet), la velocidad es personalizable
Característica de zoom
Aceleración por hardware de desplazamiento (donde esté disponible)
Para todos los principales navegadores y versiones móviles
Soporte para dispositivos táctiles
Compatible con muchos navegadores, incluyendo IE6, Safari en Mac y versiones de prueba de IE10!
Aspecto muy personalizable de la barra

Te dejo una demo que preparé y el enlace a la web oficial para su descarga.

Código 1 - JAVASCRIPT

$(document).ready(
function() {
$("body").niceScroll();
}
);

Código 2 - JAVASCRIPT

$(document).ready(
function() {
$("#thisdiv").niceScroll({cursorcolor:"#00F"});
}
);

Código 3 - JAVASCRIPT

$(document).ready(
function() {
$("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"});
}
);

Acerca del Autor:

Diseñador web freelance en Coruña Galicia | Martin Iglesias

Martín Iglesias, diseñador web freelance de A Coruña, especializado en maquetación css y desarrollo de páginas web a medida con más de 15 años de experiencia en el desarrollo de páginas web profesionales.

Si te ha gustado este artículo, por favor, ayúdame a difundirlo compartiéndolo con tus amigos y contactos en las distintas redes sociales que utilices. ¡Muchas gracias!

jQuery NiceScroll para un scroll mejorado en ordenadores y móviles

Acerca del Autor:

Artículos relacionados: