Biblioteca de desplazamiento Parallax Performant-SimpleParallax
| Autor: | christopherwk210 |
|---|---|
| Views Total: | 1,760 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 1, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca de JavaScript ligera y rápida que permite efectos de desplazamiento de paralaje de alto rendimiento y sin problemas en elementos DOM mediante transformaciones CSS3 y API requestAnimationFrame.
Instalación
$ npm install SimpleParallax
Funcionamiento
Cargue la versión minimizada de la biblioteca SimpleParallax para una carga de página más rápida.
<script src="/path/to/SimpleParallax.min.js"></script>
Defina una matriz de objetos de elemento que contengan elementos de destino y velocidad de animación.
var elements = [
{
element: document.getElementById('section1'),
speed: 1
},
{
element: document.getElementById('section2'),
speed: 0.2
},
{
element: document.getElementById('section3'),
speed: 2.5
}
]; Active el efecto de desplazamiento de paralaje en los elementos que especifique.
var parallax = new SimpleParallax(elements);
