Complemento de desplazamiento Smooth Parallax móvil amigable-universal Parallax
| Autor: | marrio-h |
|---|---|
| Views Total: | 3,418 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 25, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Universal paralaje es un pequeño plugin de JavaScript para implementar el efecto de desplazamiento de paralaje suave y móvil en su aplicación Web.
See also:
- Top 10 bibliotecas de JavaScript para el efecto de desplazamiento Parallax
- 10 mejores plugins de efecto parallax scroll jQuery
Instalación
# NPM $ npm install universal-parallax --save
Funcionamiento
Descargue e importe los archivos de universal Parallax en la página HTML.
<link rel="stylesheet" href="universal-parallax.min.css"> <script src="universal-parallax.min.js"></script>
Inicialice el paralaje universal.
new universalParallax().init();
Añada la clase CSS ' paralaje ' al contenedor de paralaje y especifique la imagen de paralaje utilizando el atributo ' Data-paralaje-Image ':
<div class="parallax" data-parallax-image="bg.jpg"></div>
Ajuste la velocidad de desplazamiento durante init.
new universalParallax().init({
speed: 8.0
}); Registro de cambios
02/25/2019
- v1.3.2: update
02/22/2019
- v1.3.1: UP now waits until page is loaded – calculates height of containers better
02/18/2019
- v1.3.0: Parallax BG's don't extend beyond bottom if they are in the top of the page + simpler JS for IE 11
10/21/2018
- v1.2.2: Fix for Firefox
07/24/2018
- la aceleración de hardware eliminada. Entrecortado en el móvil
07/21/2018
- aceleración de hardware habilitada en la capa de paralaje
07/13/2018
- Actualización de CSS
