Biblioteca de animaciones de desplazamiento increíble-AmazingScroll. js
| Autor: | PKrasinski |
|---|---|
| Views Total: | 1,400 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 22, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
AmazingScroll. js es una pequeña biblioteca de JavaScript que aplica animaciones basadas en CSS a objetos DOM cuando entran en la vista.
Funcionamiento
Importe la biblioteca AmazingScroll. js a la página HTML.
<script src="amazingScroll.js"></script>
Especifique la animación de desplazamiento directamente mediante el atributo de datos en el elemento.
<div data-as="right:-300px->0; opacity: 0->1; transition:all 1s"> ... </div>
O en el JavaScript:
<div data-as="fade-left">
animationList = {
'fade-left': {
'data':`left:-300px->0;
transition:->all 1s`
}
} Todas las opciones de configuración.
start: {
ratio:0.2,
dataName:"ask",
visibleAfterLoading:true
},
animation: {
"fade-left":"left:-300px->0; transition: all 2s",
"fade-top":"top:-200px->0; opacity:0->1; transition: all 0.5s"
} Registro de cambios
09/22/2018
- Añadida la opción para especificar el nombre de la animación y las propiedades adicionales
