23 noviembre 2022
BABEL - Corporativo, UX Avanzado
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:
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/
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
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/
Otros artículos destacados
¡Recibido!
Gracias por rellenar el formulario. Se han enviado los datos correctamente.