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: 456
Antigüedad: 15 años, 4 meses
Puntos: 5
¿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: 7 años, 3 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.481
Antigüedad: 16 años, 1 mes
Puntos: 2109
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.
__________________
Twitter: @zinhard

Tengo una web donde hago lo que quiero.
  #4 (permalink)  
Antiguo 06/04/2018, 11:49
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.388
Antigüedad: 16 años, 3 meses
Puntos: 167
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: 456
Antigüedad: 15 años, 4 meses
Puntos: 5
Respuesta: ¿Como se logra este efecto en el scroll?

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



La zona horaria es GMT -6. Ahora son las 12:42.