Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/09/2011, 16:02
Avatar de DrFaust
DrFaust
 
Fecha de Ingreso: septiembre-2011
Ubicación: Buenos Aires
Mensajes: 308
Antigüedad: 12 años, 8 meses
Puntos: 87
Respuesta: Saben como hacer este sitio

La estructura básica está compuesta por una seguidilla de contenedores comunes y silvestres apilados de forma vertical. Estos contenedores conforman la estructura básica del sitio.

Por medio de jQuery controlás el evento scroll de la ventana, y movés ciertos contenedores posicionados de forma absoluta, en una relación de 2:1 o 3:1 pixeles con respecto a la posición de la ventana, utilizando la propiedad CSS "top". Eso hace que esos contenedores "scrolleen" a una velocidad más lenta que el resto del contenido. Por último, les ponés un margen superior a esos contenedores, que funciona como un offset para su posición inicial, de modo que aparezcan en la ventana cuando el usuario llega a determinada parte del sitio. Eso lo hacés a ojo, por medio de prueba y error.

Y ya. Es una técnica bastante ingeniosa, pero muy fácil de implementar.

Una cosa más: la técnica es vistosa, pero muy poco práctica. La verdad es que el sitio no me gustó: el hecho de que puedas hacer algo no significa que debas hacerlo.

Edit: Se me ocurrió que reposicionar los contenedores a través de la propiedad "top" puede no ser la forma más CPU-friendly de mover un objeto. Es posible que usar PNGs traslúcidos, y moverlos con la propiedad background-position a lo largo de un DIV que ocupe toda la ventana, tenga un mejor desempeño. Esta técnica sólo funciona con objetos que vayan por debajo del contenido, por otro lado.
__________________
Desarrollador web profesional

Última edición por DrFaust; 22/09/2011 a las 16:11