Foros del Web » Programando para Internet » Javascript »

Como hacer este efecto parallax

Estas en el tema de Como hacer este efecto parallax en el foro de Javascript en Foros del Web. Tengo maquetado una web como en la imagen. Un menu fijo arriba y luego capas unas debajo de otras. Quiero decir, en la imagen las ...
  #1 (permalink)  
Antiguo 23/06/2014, 02:06
 
Fecha de Ingreso: noviembre-2013
Mensajes: 7
Antigüedad: 10 años, 4 meses
Puntos: 0
Como hacer este efecto parallax



Tengo maquetado una web como en la imagen. Un menu fijo arriba y luego capas unas debajo de otras. Quiero decir, en la imagen las capas 1 y 3 estan por encima de la 2.

Lo que necesito es hacer ese efecto parallax que se usa ahora, para que las capas se muevan a distinta velocidad al hacer scroll, y que parezca que la capa 2 se va ocultando bajo la capa 1, que la 3 va tapando a la 2, etc.

Espero haberme explicado bien... gracias!
  #2 (permalink)  
Antiguo 23/06/2014, 03:25
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Como hacer este efecto parallax

Lo único que debería de moverse es background-position, ningún elemento. Lo muevo a JavaScript ya que es la única forma de hacerlo.
__________________
(:
  #3 (permalink)  
Antiguo 23/06/2014, 03:30
 
Fecha de Ingreso: noviembre-2013
Mensajes: 7
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: Como hacer este efecto parallax

Cita:
Iniciado por pzin Ver Mensaje
Lo único que debería de moverse es background-position, ningún elemento. Lo muevo a JavaScript ya que es la única forma de hacerlo.
Pero lo que necesito no es mover el fondo de las capas, si no las capas en sí.

Etiquetas: efecto, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:29.