10 plugins jQuery para personalizar los Scrolls

10 plugins jQuery para personalizar los Scrolls
by Janeth Kent Date: 02-07-2013 jquery tutoriales scrolls plugins diseño web

En muchas ocasiones necesitamos personalizar hasta el último detalle de los elementos que conforman las webs de nuestros proyectos, en este artículo os enseñamos 10 plugins Jquery para personalizar los scrolls tanto verticales como horizontales  para poder mostrarlos con el look & feel que queramos indistintamente del sistema operativo.

 

1. SLY

scrollbar-10

2. PERFECT-SCROLLBAR

perfect-scroll-1

3. ROLLBAR

rollbar-2

4. EASY SCROLL

scrollbar-3

5. CUSTOM SCROLLBAR

scrollbar-4

6. JQUERY SLIMSCROLL

scrollbar-5

7. JSCROLLPANE

scrollbar-6

8. SCROLLBARS

scrollbar-7

9. VERTICAL SCROLLBAR USING JQUERY UI SLIDER

scrollbar-8

10. ISCROLL 5

scrollbar-9

 
by Janeth Kent Date: 02-07-2013 jquery tutoriales scrolls plugins diseño web visitas : 9646  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.

 
 
 

Artículos relacionados

Como hacer tu propio cursor personalizado para tu web

Cuando empecé a ojear webs distintas y originales para aprender de ellas, de las primeras cosas que me llamaron la atención fue que algunas de ellas tenían sus propios cursores,…

Herramientas alternativas de diseño web open source

Hay muchas herramientas de creación de prototipos, de diseño de interfaz de usuario o aplicaciones de gráficos vectoriales. Pero la mayoría son de pago o de código cerrado. Así que…

El diseño gráfico y su impacto en el desarrollo web

En el artículo de hoy explicaremos el concepto de diseño gráfico, sus fundamentos y lo que aporta al desarrollo web. El diseño gráfico se aplica a todo lo visual, lo…

El concepto de Modelo-Vista-Controlador (MVC) explicado

En la ingeniería de software, usamos patrones de diseño como soluciones reutilizables para un problema común, un patrón es como una plantilla de cómo resolver un problema. El Modelo-Vista-Controlador (MVC) es…

Cómo superponer múltiples imágenes usando CSS?

CSS significa Hoja de Estilo en Cascada. Es un lenguaje de hojas de estilo que define la presentación del documento en un lenguaje de marcado como HTML. La hoja de estilo…

Cómo usar el Masking en CSS

Cuando recortas un elemento usando la propiedad de clip-path, el área recortada se vuelve invisible. Si en cambio quieres hacer opaca una parte de la imagen o aplicarle algún otro…

Cómo escribir nuestra propia Política de Privacidad

En este artículo hablaremos de las declaraciones de la Política de Privacidad, de cómo puedes escribir una y ponerla en práctica en tu página. ¿Por qué apareció? Hoy en día, cuando navegamos…

4 cosas que no sabías sobre Grid CSS

Durante mucho tiempo, el CSS no contenía un gran número de sorpresas. Desarrollándose a un ritmo tranquilo, el lenguaje se conformaba con estilizar sus fuentes y hacer flotar sus divs,…

Javascript, un desafío para los desarrolladores ancianos

Tomémonos un momento para hablar sobre ti y tu relación con JavaScript antes de adentrarnos en todos los aspectos técnicos. Si eres como yo, llevas mucho tiempo escribiendo documentos HTML con…

¿Jquery va a morir en 2019?

Durante un tiempo, la relevancia de JQuery ha sido un tema de debate entre los desarrolladores web. Como desarrolladores web interesados en Javascript, teníamos curiosidad por saber lo que los…

Los Mejores Recursos de Node.js, Cursos y Tutoriales

NodeJS es una plataforma que permite a los desarrolladores escribir aplicaciones de alto rendimiento y en red en el lado del servidor. Y usando el buen y viejo Javascript también.…

UX-UI: Como diseñar los mejores formularios

Ya sea que se trate de un flujo de registro, de un paso multivista o de una interfaz de entrada de datos monótona, los formularios son uno de los componentes…

Clicky