Plugins JQUERY y CSS para animacion desplazamiento Scroll

julio 8, 2015 | Jquery, Recursos

Desplazarse horizontalmente dentro de una paginas web con el scroll y durante ese proceso se vaya mostrando los contenidos de forma animada es una de las técnicas de diseño web que he visto con mucha frecuencia navegando por Internet.

Muchos desarrolladores de sitio web usan diferentes técnicas de para este propósito, sin embargo existen ciertos plugins que integran ese tipo de efectos de manera fácil y rápida.

Estos plugins te ayudarán a animar y mostrar tu contenido cuando el usuario se desplace con el scroll en toda tu web.

1.- Wow.js

(Ver Demo | Descargar)

muestra animación CSS mientras se desplaza por una página. Por defecto, se puede utilizar para activar animate, ese plugins es muy ligero, asi que no te preocupes por el tamaño por que renderea muy bien con el navegador.
wow-js-jquery-plugin


2.- RenderFarm

(Ver Demo | Descargar)

este plugin brinda animación con un toque parallax cuando el usuario se desplaza con el scroll, mostrando el contenido de tu web de una forma animada muy particular.
performant-scrolling-construct-jquery-plugin


3.- jQuery Panelize

(Ver Demo | Descargar)

jQuery Panelize es un proyecto para jugar con diferentes métodos de desplazamiento vertical con contenido seccionado. Tiene buen efecto para una sola página mientras el usuario se desplaza con el scroll.
panelize-jquery-plugin


4.- Flowup

(Ver Demo | Descargar)

Un plugin jQuery que hace que el flujo de contenido a medida que se desplaza hacia abajo. Este plugin está basado en la aplicación de Eric Wenn pero tiene correcciones y mejoras importantes.
flowup-jquery-plugin


5.- CSS3 Animate It

(Ver Demo | Descargar)

Animate CSS3 Es un plugin de jQuery que hace uso de animaciones CSS3 para animar elementos HTML en cuando vienen a la vista.
css3-animate-it


6.- animate-scroll

(Ver Demo | Descargar)

animate-scroll es un amistoso móvil Viewport desencadenó animación jQuery Plugin usando GreenSock
animate-scroll-jquery-plugin1


7.- Animated Scroll Effects

(Ver Demo | Descargar)

cuenta con muchas demostraciones para que puedas ver las diversas animaciones que tiene para que puedas implementar la que mas te guste o se adecue a tu diseño.
aimated-scroll-effects-jquery-plugin


8.- JQuery Zoom Scroller

(Ver Demo | Descargar)

con la rueda de desplazamiento le permite agregar un zoom suave sutil de entrada / salida de animación a las imágenes cuando se desplaza.
zoom-scroller-jquery-plugin


9.- JQuery Tilted Page Scroll

(Ver Demo | Descargar)

Crear un efecto de desplazamiento 3D inclinada lindo para su sitio web con jQuery Tilted page Scroll
tilted-page-scroll-jquery-plugin


10.- stroll.js

(Ver Demo | Descargar)

stroll.js es una colección de lista de CSS efectos de desplazamiento. Obras en los navegadores con soporte para CSS transformaciones 3D incluyendo un modo táctil especial para iOS y Android 4.x
stroll-js-jquery-plugin


11.- jQuery Story Box

(Ver Demo | Descargar)

CSS 3 Animaciones Se activa mientras se desplaza
story-tale-jquery-plugin


12.- jquery-smoove

(Ver Demo | Descargar)

smoove-jquery-plugin


13.- scrollReveal

(Ver Demo | Descargar)

scrollReveal es un plugin javascript para crear y mantener la forma elementos desvaneciendo-ce, se ejecuta cuando entran en la ventana gráfica.
scroll-reveal-jquery-plugin


14.- Scrollify

(Ver Demo | Descargar)

Un plugin jQuery que ayuda a desplazarse y se ajusta a las secciones. también tiene es touch.
scrollify-jquery-plugin


14.- ScrollEm

(Ver Demo | Descargar)

ScrollEm es una biblioteca JavaScript para crear animaciones de desplazamiento en una página web. ScrollEm permite al usuario realizar las propiedades CSS numéricos varían basado en la posición de desplazamiento vertical actual de la página.
scrollem-jquery-plugin


15.- rlSmooth

(Ver Demo | Descargar)

rlSmooth es un pequeño plugin que fluye recorriendo toda tu web de forma horizontal,La posición css por defecto es de primera, pero se puede cambiar a abajo o aplicar cuando se necesita con css.
rlsmooth


Si conoces un plugin como estos presente, deja tu aporte en los comentarios, para poder agregarlo a esta lista.

 

Relacionados