Biblioteca de desplazamiento Parallax de fondo más simple-parascroll. js
| Autor: | Sircular |
|---|---|
| Views Total: | 2,363 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 18, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
parascroll. js es una librería JavaScript simple y ultraligero (~ 1Kb) que aplica una sutil < a href = "https://wikicss.com/tag/parallax/" > Parallax desplazamiento efecto en la imagen de fondo de un contenedor que especifique. No se requiere CSS y Framework.
¿Cómo funciona?
Cargue la versión compilada y minimizada de parascroll. js en el documento.
<script src="parascroll.js"></script>
Agregue la clase CSS ' Parallax-BG ' al contenedor de destino y especifique la imagen de fondo en el atributo ' Data-bgurl '.
<div class="parallax-bg header" data-bgurl="1.jpg">Header</div>
Eso es todo. Puede cambiar la velocidad de animación predeterminada reemplazando el parámetro ' SCROLL_SPEED ' como este:
var SCROLL_SPEED = 0.6;
