Efecto de desplazamiento Parallax de fondo simple-simplax
| Autor: | arkaindas |
|---|---|
| Views Total: | 2,414 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 12, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
simplax es una solución JavaScript pura para crear efecto de paralaje de imagen de fondo cuando se desplaza por la Página Web.
Funcionamiento
Agregue una imagen de fondo al cuerpo del documento en CSS.
body { background: url('demo.jpg'); } Añade el efecto de desplazamiento de paralaje a la imagen de fondo con un poco de JavaScript.
window.onload=function(){
document.body.style.backgroundAttachment="fixed";
window.onscroll=function () {
document.body.style.backgroundPosition = "0px " + (0 + (Math.max(document.documentElement.scrollTop, document.body.scrollTop) / 8)) + "px";
}
}
