Blog  //  Febrero 2015  //  Scroll personalizado

Scroll personalizado

Un plugin jQuery muy fácil de insertar y de customizar para hacer scrolls personalizados.

Hay que descargarse los archivos: https://github.com/malihu/malihu-custom-scrollbar-plugin/archive/master.zip

- Añadir en el head el css jquery.mCustomScrollbar.css

- Añadir antes del cierre del body:
 
  • El enlace del .js de jQuery si no lo tenemos:
  •  El enlace del .js del scroll:
    jquery.mCustomScrollbar.concat.min.js
  • Y después el script para ejecutar:

    Donde ".customScroll" es la clase que tiene el div o contenedor al que queremos aplicar el scroll personalizado.
En la documentación web explican como usar temas, cambiar parámetros, botones, etc.
http://manos.malihu.gr/jquery-custom-content-scroller/ y lo mejor es que es compatible a partir de IE8 :D

Otros plugins

Tinyscrollbar. 
Si no necesitamos mucha personalización podemos usar este otro plugin más sencillo y ligero, pero sin temas y menos parámetros. Su funcionamiento y puesta en marcha es prácticamente idéntico al mCustomScrollbar.
http://baijs.com/tinyscrollbar/
Escrito por:
BABELCreativa
Publicado el 03/02/2015 por BABEL | con 0 comentarios
Comentarios:
Esta publicación no tiene comentarios.
 Security code