22/09/2011, 16:02
|
| | | Fecha de Ingreso: septiembre-2011 Ubicación: Buenos Aires
Mensajes: 308
Antigüedad: 13 años, 4 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 |