Biblioteca de desplazamiento mínimo en Vanilla JavaScript-scrollTriggers. js
| Autor: | attitude |
|---|---|
| Views Total: | 2,219 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 15, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
scrollTriggers. js es una biblioteca de JavaScript vainilla que permite ejecutar funciones de devolución de llamada específicas cuando un elemento específico se desplaza hacia dentro o fuera de la vista. Ideal para aplicar animaciones con tecnología CSS/JS al elemento basado en la posición de desplazamiento.
¿Cómo funciona?
Importe el archivo JavaScript principal ' scrollTriggers. min. js ' en la página HTML.
<script src="src/scrollTriggers.min.js"></script>
Cree un nuevo objeto ' addScrollingTriggers ' y especifique el contenedor de destino en el que desea desencadenar las funciones correspondientes mientras se desplaza.
window.addScrollingTriggers([{
// target element
el: 'element',
before: function() {
// do something
},
during: function () {
// do something
},
after: function () {
// do something
},
// from 0 to 1
// where 0 = top of the screen, 1 = bottom of the screen
origin: 0.5
}]);
