Foros del Web » Creando para Internet » CSS »

como hacer para que al ir dando scroll en mi pagina sus componentes aparezcan por los

Estas en el tema de como hacer para que al ir dando scroll en mi pagina sus componentes aparezcan por los en el foro de CSS en Foros del Web. Lo que pasa es que quisiera que en mi sitio al ir bajándolo con el scroll ciertos componentes vayan apareciendo desde los lados, así como ...
  #1 (permalink)  
Antiguo 04/08/2014, 19:02
 
Fecha de Ingreso: julio-2014
Mensajes: 41
Antigüedad: 9 años, 9 meses
Puntos: 0
como hacer para que al ir dando scroll en mi pagina sus componentes aparezcan por los

Lo que pasa es que quisiera que en mi sitio al ir bajándolo con el scroll ciertos componentes vayan apareciendo desde los lados, así como en power point.
Quisiera saber que códigos css o javascript ocuparía para hacerlo. Estuve leyendo un poco sobre los efectos parallax, no se si vaya por ahí la cosa.

Saludos y agradezco su respuesta.
  #2 (permalink)  
Antiguo 04/08/2014, 20:52
 
Fecha de Ingreso: julio-2014
Mensajes: 179
Antigüedad: 9 años, 8 meses
Puntos: 26
Respuesta: como hacer para que al ir dando scroll en mi pagina sus componentes aparez

Los efectos parallax son buenos para hacer lo que buscas, para eso tienes [URL="http://johnpolacek.github.io/scrolldeck.js"]scrolldeck[/URL], [URL="http://johnpolacek.github.io/scrollorama/"]scrollorama[/URL] o mejor aun [URL="http://johnpolacek.github.io/superscrollorama/"]superscrollorama[/URL] ja esta ultima es la más actual de las aquí mencionadas.

Espero te sirva de algo saludos!!!
__________________
Si haces las cosas como nadie las ha hecho, cobralas bien, si las vas a hacer como todos las han hecho, cobralas bien!!
MecanizandoWeb.com

Última edición por DesgraciadoGabo; 04/08/2014 a las 21:07
  #3 (permalink)  
Antiguo 05/08/2014, 00:51
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 para que al ir dando scroll en mi pagina sus componentes aparez

Lo del parallax es más bien una cosa diferente.

Sólo con CSS no puedes hacerlo, ya que no puedes detectar la posición del scroll, pero si puedes hacerlo con JavaScript, detectando la posición con scrollTop y lo comparas con la posición de cualquier otro elemento con offsetTop y si se dan las condiciones que cumples, entonces puedes por ejemplo añadir clases que contengan las animaciones o transiciones de CSS.
  #4 (permalink)  
Antiguo 05/08/2014, 16:38
 
Fecha de Ingreso: julio-2014
Mensajes: 41
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: como hacer para que al ir dando scroll en mi pagina sus componentes aparez

Cita:
Iniciado por DesgraciadoGabo Ver Mensaje
Los efectos parallax son buenos para hacer lo que buscas, para eso tienes [URL="http://johnpolacek.github.io/scrolldeck.js"]scrolldeck[/URL], [URL="http://johnpolacek.github.io/scrollorama/"]scrollorama[/URL] o mejor aun [URL="http://johnpolacek.github.io/superscrollorama/"]superscrollorama[/URL] ja esta ultima es la más actual de las aquí mencionadas.

Espero te sirva de algo saludos!!!

Muchas gracias, me servirán mucho
  #5 (permalink)  
Antiguo 05/08/2014, 16:39
 
Fecha de Ingreso: julio-2014
Mensajes: 41
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: como hacer para que al ir dando scroll en mi pagina sus componentes aparez

Cita:
Iniciado por pzin Ver Mensaje
Lo del parallax es más bien una cosa diferente.

Sólo con CSS no puedes hacerlo, ya que no puedes detectar la posición del scroll, pero si puedes hacerlo con JavaScript, detectando la posición con scrollTop y lo comparas con la posición de cualquier otro elemento con offsetTop y si se dan las condiciones que cumples, entonces puedes por ejemplo añadir clases que contengan las animaciones o transiciones de CSS.

Muchas gracias, me servirá mucho el consejo.

Etiquetas: componentes, scroll
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 23:18.