Java - Cambiar fondo al hacer scroll

   
Vista:

Cambiar fondo al hacer scroll

Publicado por LuchoNegocios (1 intervención) el 22/07/2016 21:09:27
Necesito ayuda! Estoy intentando hacer que al hacer scroll hacia abajo cambie de color el fondo del website. Lo que quiero hacer es algo asi: http://demo.massivedynamic.co/artistic/

Llevo mucho tiempo intentando, alguien me puede ayudar por favor! Gracias de ante mano.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Cambiar fondo al hacer scroll

Publicado por KARLA DANIEL (19 intervenciones) el 25/07/2016 19:38:46
Hola
El código CSS que utilizaremos requiere que tengas un selector de tipo ID asociado al contenedor, podría ser el body pero en este caso utilizaremos un div con un ID wrapper asignado.

este es el codigo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
body {
   margin:0px;
   padding:0px;
   background: #FE81B4;
}
 
#wrapper {
   position:absolute;
   left:0px;
   right:0px;
   top:0px;
   bottom:0px;
   background:url(petalos1.png) repeat-x 50%, url(petalos2.png) repeat-x 70%, url(petalos3.png) repeat-x 120%, url(kid_buda_sexy.jpg) no-repeat;
}


Para posicionar las demás capas solamente es necesario incluirles porcentajes y así cuando asignes la posición en los diferentes fondos sepas hacia donde se realizará el movimiento y con que rapidez, la cuál será proporcional al borde de la ventana que estes rescalando.

te recomiendo también el siguiente video https://www.youtube.com/watch?v=Sjbjn7hlEik

Espero te sirva!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar