Biblioteca de JavaScript para detectar si los elementos están en View-Enter-View. js
| Autor: | russellgoldenberg |
|---|---|
| Views Total: | 1,940 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 8, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Enter-View. js es una librería JavaScript pura que para la detección de elementos HTML dentro de la ventanilla del navegador.
También proporciona una devolución de llamada ejecutada cuando un elemento especificado se desplaza hacia fuera de la vista para que pueda aplicar una clase CSS personalizada a él.
Funcionamiento
Agregue el archivo JavaScript Enter-View. js a su página HTML.
<script src='enter-view.min.js'></script>
Añada la clase CSS ' Enter ' al elemento ' selector ' una vez que se haya desplazado a la vista.
enterView({
selector: 'selector',
enter: function(el) {
el.classList.add('entered');
}
}); Añada un desfase a la detección de posición de desplazamiento.
enterView({
selector: 'selector',
offset: '25%',
trigger: function(el) {
el.classList.add('entered');
}
}); Ejecute una devolución de llamada cuando el elemento se desplaza fuera de la vista.
enterView({
selector: 'selector',
exit: function(el) {
el.classList.add('exited');
}
}); Decida si desea o no desencadenar la devolución de llamada solo una vez.
enterView({
selector: 'selector',
enter: function(el) {
el.classList.add('entered');
},
once: true // default: false
}); Registro de cambios
v2.0.0 (02/08/2019)
- progreso 0 y 1
v1.0.0 (06/26/2018)
- Añadida vista de salida
