Foros del Web » Programando para Internet » Javascript »

navbar flotante que aparece con scroll (fb style)

Estas en el tema de navbar flotante que aparece con scroll (fb style) en el foro de Javascript en Foros del Web. Buenas tardes compañeros, estoy interesado en realizar algo parecido con de lo que hace facebook. Que cuando haces scroll en su página sale "de la ...
  #1 (permalink)  
Antiguo 29/07/2012, 07:46
Avatar de CBeneyto  
Fecha de Ingreso: noviembre-2010
Ubicación: Valencia
Mensajes: 135
Antigüedad: 13 años, 5 meses
Puntos: 7
navbar flotante que aparece con scroll (fb style)

Buenas tardes compañeros, estoy interesado en realizar algo parecido con de lo que hace facebook.

Que cuando haces scroll en su página sale "de la nada" una navbar con la info del usuario.

-Avatar
-Nombre
-etc...

¿Hay algo parecido para hacerlo con javascript / css ?

me gustaria algo similar para mi proyecto.

os dejo una imagen:

  #2 (permalink)  
Antiguo 29/07/2012, 14:12
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 15 años, 10 meses
Puntos: 220
Respuesta: navbar flotante que aparece con scroll (fb style)

para esto debes usar css aqui un ejemplo de como lo puedes hacer

Código CSS:
Ver original
  1. #navflotante{
  2. position:fixed;
  3. left:0;
  4. top:0;
  5. width:100%;
  6. height:100px;
  7. }

Código HTML:
Ver original
  1. <div id="navflotante" />
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones

Etiquetas: css, facebook, navbar
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:56.