La detección de un elemento aparece o desaparece de la viewport-in-View. js
| Autor: | camwiegert |
|---|---|
| Views Total: | 1,889 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 29, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Sólo otra biblioteca de JavaScript que detecta cuando un elemento está en la ventanilla y desencadena eventos personalizados cuando se desplaza dentro o fuera de la vista.
Funcionamiento
Para instalar la biblioteca, agregue el script in-View. js a su página web.
<script src="in-view.min.js"></script>
Compruebe si un elemento específico está en la ventanilla.
nView.is(document.querySelectorAll('.el')[0]); Configure el desfase al comprobar.
inView.offset(100); // or inView.offset(-100);
Compruebe el estado del elemento manualmente.
inView('.el').check(); Haga algo si el elemento entra o sale de la ventanilla.
// enter
inView('.el').on('enter', doSomething);
// exit
inView('.el').on('exit', doSomething); Si desea que los eventos desencadenantes solo se llamen una vez:
// enter
inView('.el').once('enter', doSomething);
// exit
inView('.el').once('exit', doSomething); Emitir evento para cualquier elemento individual manualmente.
inView('.el').emit('exit', document.querySelectorAll('.el')[0]);
