Elemento visibilidad detector JavaScript Library-ViewportDetector. js
| Autor: | Spope |
|---|---|
| Views Total: | 634 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 25, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
ViewportDetector. js es una biblioteca de JavaScript ligera y conveniente para detectar si un elemento está dentro de la ventanilla y le permite hacer algunas cosas como el elemento se hace visible en el desplazamiento.
Funcionamiento
Importe el archivo JavaScript principal ' viewportdetector. js ' en el documento HTML.
<script src="src/viewportdetector.js"></script>
Cree una nueva instancia y especifique el elemento en el que desea realizar el seguimiento de la visibilidad.
<div class="box"> ... </div>
var example = new ViewportDetector('.box'); Dispara una función de devolución de llamada cuando el cuadro se desplaza a la vista.
var cb = function(el, visibility) {
if (visibility) {
alert('show');
} else {
el.classList.remove('show');
}
}
var example = new ViewportDetector('.box', cb); Opciones posibles que se pueden pasar como un objeto a la función ' ViewportDetector '.
var example = new ViewportDetector('.box', cb,{
// Marge to expand or reduce element detection size.
marge: null,
// Container selector within detection should happen.
container: window
}); Agregue un nuevo elemento.
example.add(selector, callback, opts)
