Biblioteca JavaScript para interacciones de desplazamiento de animación-ScrollAnimate
| Autor: | HammerGarita |
|---|---|
| Views Total: | 312 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 26, 2018 |
| Licencia: | MIT & GPL |
Vista prévia
Descripción
ScrollAnimate es una biblioteca de JavaScript para las interacciones de desplazamiento de animación. Doble licencia bajo licencia MIT y GPL.
La biblioteca hace uso de Animate. CSS para animar cualquier elemento HTML a medida que desplaza la Página Web.
Más características
- Soporta direcciones horizontales y verticales.
- Permite desactivar las interacciones de desplazamiento en ciertos dispositivos.
Funcionamiento
Incluya Animate. CSS y ScrollAnimate. js en la Página Web.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"/> <script src="js/scrollAnimate.js"></script>
Aplique el ScrollAnimate a los elementos de destino y especifique el tipo de animación que desea utilizar.
ScrollAnimate.add({
// target elements
selector: '.animated',
// animation class
animationClassName: 'fadeInUp',
// offset
offset: '10%',
// or 'horizontal'
scroll: 'vertical',
// only trigger once
triggerOnce: false,
// disable on tablet and mobile
disabled: ['tablet', 'mobile'],
// delay in ms
delay: 0,
// duration in ms
duration: '1000',
// iteration count
iterationCount: '1'
})
