Foros del Web » Creando para Internet » Diseño web »

¿Como se logra este efecto en el scroll?

Estas en el tema de ¿Como se logra este efecto en el scroll? en el foro de Diseño web en Foros del Web. Hola quiero poder hacer una página Web con el efecto que tiene esta página al hacer scroll: http://www.doctorcasenave.com/ ¿Qué herramientas debería aprender? Se de HTML ...
  #1 (permalink)  
Antiguo 28/03/2018, 16:58
 
Fecha de Ingreso: mayo-2003
Mensajes: 523
Antigüedad: 21 años, 6 meses
Puntos: 6
¿Como se logra este efecto en el scroll?

Hola quiero poder hacer una página Web con el efecto que tiene esta página al hacer scroll: http://www.doctorcasenave.com/

¿Qué herramientas debería aprender? Se de HTML y CSS pero sin embargo no me doy cuenta cómo lograr ese efecto.

Desde ya muchas gracias!
  #2 (permalink)  
Antiguo 04/04/2018, 06:31
 
Fecha de Ingreso: mayo-2011
Ubicación: Palma de Mallorca
Mensajes: 108
Antigüedad: 13 años, 6 meses
Puntos: 4
Respuesta: ¿Como se logra este efecto en el scroll?

Hola Integer78,

el efecto al que te refieres se llama Efecto Parallax, al menos así es como me lo enseñaron. Es posible hacerlo mediante JavaScript.

Para ello, tiene varias librerias JS enlazadas para su funcionamiento, y algunas de CSS.

Veo que tiene la de lightbox.min.js, lightbox.css, mousescroll.js, smothscroll.js, etc.

Tiene que ser alguna de ellas, y también revisa su main.js por si hay alguna función que tengas que crear para que funcione correctamente.

Un saludo.
  #3 (permalink)  
Antiguo 04/04/2018, 14:17
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: ¿Como se logra este efecto en el scroll?

No veo ningún efecto paralaje ahí.

Si te refieres a que aparezcan los elementos al llegar a su posición en la pantalla, tienes que usar JavaScript, detectar la posición de scroll y si te coincide con la posición del elemento simplemente enviar instrucciones con JavaScript para mostrarlo con CSS.
__________________
(:
  #4 (permalink)  
Antiguo 06/04/2018, 11:49
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años, 5 meses
Puntos: 177
Respuesta: ¿Como se logra este efecto en el scroll?

@Integer78 https://michalsnik.github.io/aos/
Slds.-
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #5 (permalink)  
Antiguo 11/04/2018, 14:15
 
Fecha de Ingreso: mayo-2003
Mensajes: 523
Antigüedad: 21 años, 6 meses
Puntos: 6
Respuesta: ¿Como se logra este efecto en el scroll?

Perfecto DragonX eso es lo que buscaba!
Graciasssss!!!

Etiquetas: efecto
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 02:41.