ES6 slideUp & biblioteca slideDown
| Autor: | janrembold |
|---|---|
| Views Total: | 891 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 24, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un slideUp & biblioteca de JavaScript slideDown escrita en ES6 que se puede usar para animar la altura de los elementos coincidentes sin la necesidad de la biblioteca de jQuery.
Funcionamiento
Instale el ES6-slide-up-up con los gestores de paquetes.
# Yarn $ yarn add es6-slide-up-down # NPM $ npm install es6-slide-up-down --save
Importa el ' ES6-deslizable-arriba-abajo '.
import {slideUp, slideDown} from 'es6-slide-up-down'; Aplique los efectos slideUp y slideDown a un elemento que especifique.
const element = document getElementById('MY-Element');
slideUp(element);
slideDown(element); Personaliza la duración de la animación deslizante.
slideUp(element,{
duration: 2000
});
// or
slideUp(element, 2000);
slideDown(element,{
duration: 2000
});
// or
slideDown(element, 2000); Aplique una función de aceleración a la animación deslizante. Requiere una biblioteca de aceleración adicional.
slideUp({
easing: easeInQuint
});
slideDown({
easing: easeInQuint
});
