Biblioteca mínima Vanilla JS para el efecto de desplazamiento Parallax-vanillaInfiniteScroll
| Autor: | JavaScriptUtilities |
|---|---|
| Views Total: | 2,269 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 24, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
vanillaInfiniteScroll is a lightweight, pure Vanilla JavaScript library that makes it easier to apply the familiar Parallax Scrolling effect to any DOM elements using HTML5 data attributes.
Funcionamiento
Cargue el archivo JS principal Vanilla-jsuparallax. js al final del documento HTML para que la página se cargue más rápido.
<script src="js/vanilla-jsuparallax.js"></script>
Cree una nueva instancia de vanillaJsuParallax y especifique los elementos de destino que se desplazan con un efecto de paralaje.
new vanillaJsuParallax({
items: document.querySelectorAll('.el1, .el2')
}); Ajuste la dirección de desplazamiento utilizando el atributo Data-jsuplxdir como este:
<!-- Scroll to bottom --> <span class="el" data-jsuplxdir="bottom"><span>
Ajuste la perspectiva en píxeles utilizando el atributo Data-jsuplxperspective :
<span class="el" data-jsuplxperspective="300"><span>
Registro de cambios
v0.4.1 (06/24/2018)
- problema de ubicación de corrección que se produce cuando APPEND-TO es "Parent" y el elemento primario es un Flexbox
