Foros del Web » Creando para Internet » CSS »

Barra fija estilo Facebook o G+

Estas en el tema de Barra fija estilo Facebook o G+ en el foro de CSS en Foros del Web. Hola! Por el título pensarán "un position:fixed y ya". La cosa es que, si se redimensiona la web, se come lo que esté en esa ...
  #1 (permalink)  
Antiguo 28/02/2012, 17:11
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 14 años, 4 meses
Puntos: 37
Barra fija estilo Facebook o G+

Hola!

Por el título pensarán "un position:fixed y ya". La cosa es que, si se redimensiona la web, se come lo que esté en esa div.

Por ejemplo, Facebook si lo redimensionas, la barra sigue fija pero te aparece la overflow de abajo y entonces puedes moverte.

Ese es el resultado que quiero conseguir, pero he probado juntando con varios divs y diferentes propiedades, pero el resultado es el mismo, se come el contenido.


Espero que me puedan ayudar, un saludo
__________________
Shaito Hiraga - Diseñador CSS
  #2 (permalink)  
Antiguo 29/02/2012, 06:56
 
Fecha de Ingreso: febrero-2012
Mensajes: 84
Antigüedad: 12 años, 10 meses
Puntos: 14
Respuesta: Barra fija estilo Facebook o G+

No te entiendo, una foto, un código, una URL ... algo
  #3 (permalink)  
Antiguo 29/02/2012, 16:48
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 14 años, 4 meses
Puntos: 37
Respuesta: Barra fija estilo Facebook o G+

Si dejas fijo un div, cuando haces pequeña la ventana, las barras de desplazamiento no aparecen y por lo tanto se quedan ocultos.

Google+ por ejemplo, si redimensionas la pantalla, aparece una barra inferior para moverte por la web y mover el div que está en fixed.
__________________
Shaito Hiraga - Diseñador CSS
  #4 (permalink)  
Antiguo 29/02/2012, 16:50
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 14 años, 4 meses
Puntos: 37
Respuesta: Barra fija estilo Facebook o G+

Me he dado cuenta de cómo lo hacen, convierten el fixed en un simple div y cuando tiras hacia abajo, ya no queda fijo por eso te puedes mover por la web en horizontal
__________________
Shaito Hiraga - Diseñador CSS

Etiquetas: barra, contenido, divs, estilo, facebook, fija
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 20:01.