Biblioteca JavaScript Tiny para comprobar si un elemento está en viewport-Hunt. js
| Autor: | jeremenichelli |
|---|---|
| Views Total: | 2,144 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 13, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Hunt. js es una biblioteca de JavaScript ligera pero robusta que se utiliza para la detección de elementos HTML dentro de la ventanilla del navegador. Para que pueda jugar con CSS si los elementos especificados se desplazan a la vista.
¿Cómo funciona?
Descarga e incluye la Hunt. min. js de la carpeta DIST y estamos listos para ir.
<script src="dist/hunt.min.js"></script>
Use Hunt para agregar o quitar clases CSS cuando un elemento especificado se desplaza dentro o fuera de la ventanilla.
hunt(document.getElementsByClassName('element'), {
enter: function() {
this.classList.add('visible');
},
leave: function() {
this.classList.remove('visible');
}
}); Más opciones de configuración.
hunt(document.getElementsByClassName('element'), {
enter: function() {
this.classList.add('visible');
},
leave: function() {
this.classList.remove('visible');
},
// called every time the element appears and disappears from the viewport
persist: false,
// trigger offset in pixels
offset: 0,
// interval that hunt events are throttled by in milliseconds
throttleInterval: 100
}); Registro de cambios
4.1.0 (08/13/2018)
- Añadida la opción throttleInterval
