Div que aparece al hacer scroll
2 seguidores
Hola,
Alguien sabe donde puedo encontrar un tutorial donde el div de las redes sociales aparezca cuando hago scroll y desaparezca cuando se acerca al footer?
Aquí dejo un ejemplo:
https://blog.marvelapp.com/a-world-of-wow/
saludos y gracias!
daniloquispe
Holas:
Hice un demo muy sencillo sobre lo que entendí que necesitas:
https://www.isolperu.com/demos/lesli-scroll.html
Revisa el código fuente. No incluye animaciones ni formatos avanzados para centrarse netamente en la idea del scroll y el div que aparece y desaparece (el div "flotante" sale abajo a la derecha).
Saludos :P
rafael_o Mod Plus
Hay que disparar el evento detectando cuan lejos está el inicio de la página. Una buena librería es waypoints http://imakewebthings.com/waypoints/
Para verlo aplicado hay varios ejemplos de waypoints+animate css, https://www.google.com.mx/search?q=waypoints+animate+css por ejemplo: http://www.oxygenna.com/tutorials/scroll-animations-using-waypoints-js-animate-css
El ejemplo que pone en su página: http://jsfiddle.net/harconst/4FNFW/
Tu objeto deberá tener un position fixed.
Usuario desconocido
Aquí también dejo otro ejemplo:
https://www.impactbnd.com/8-awesome-examples-of-effective-mobile-website-design
saludos.