CSS - Div que aparece al hacer scroll

   
Vista:

Div que aparece al hacer scroll

Publicado por Ruben Corrales Corbacho (2 intervenciones) el 28/10/2014 16:57:14
Hola me gustaria saber como hacen eso de divs que aparecen y desaparecen conforme vas haciendo scroll sobre el documento.

aqui dejo algunos ejemplos

http://adambaney.com/

https://www.myvessyl.com/

y ya de paso si alguien sabe como reprodcir los videos que muestro en el documento cuando estos estan visibles y que se paren cuando dejan de estarlo, exactamente como hace facebook

Gracias y saludos
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Div que aparece al hacer scroll

Publicado por xve (350 intervenciones) el 28/10/2014 18:30:37
Hola Ruben, este tipo de menus, se realizan con CSS y javascript...

Aquí mismo tienes un simple ejemplo con jquery:[url]
http://www.lawebdelprogramador.com/codigo/JQuery/2564-Mantener_siempre_visible_el_menu_en_la_parte_superior_al_hacer_scroll_con_html5_y_jquery.html[/url]

Coméntanos si te sirve, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Div que aparece al hacer scroll

Publicado por Ruben Corrales Corbacho (2 intervenciones) el 29/10/2014 11:44:26
Creo que me puede valer, aunque no quería que el menú fuese visible hasta le momento de hacer scroll, pero creo que lo puedo solucionar. Me falta investigar el tema de las capas que val haciendo un scroll mas lento que otras, unas que aparecen cuando el scroll llega a un punto concreto, no se si me explico, algo parecido a esto:

https://www.myvessyl.com/
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

Div que aparece al hacer scroll

Publicado por xve (350 intervenciones) el 29/10/2014 18:28:00
Si, te entiendo... lo único que tienes que modificar es el estilo y poner el transition, que te hara la transición cuando lo pases a visible.

Aquí tienes algunos ejemplos de transition:
http://www.lawebdelprogramador.com/codigo/buscar.php?opc=1&id=268&charSearch=transition
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar