Menu fijo - como el de Gmail (SOLUCIONADO)

Temas sobre programación ( php, c, sql, html, perl, python, ruby, java, bash, etc ) y recursos ( herramientas, frameworks, hosting, cms, etc )

Moderadores: akodo, maiku

Responder
Avatar de Usuario
greer
Forista Medio
Forista Medio
Mensajes: 334
Registrado: Mar Feb 27, 2007 8:00 am
Ubicación: PANAMA

Menu fijo - como el de Gmail (SOLUCIONADO)

Mensaje por greer » Dom Sep 18, 2011 9:50 pm

Hola, buen día.

estaba revisando mi correo cuando me di cuenta que el menu de mi correo (gmail) se queda fijo, pero solo cuando cuando llega arriba, cuando voy bajando para leer un correo y este menu llega justo arriba del navegador este se queda fijo...

Mi pregunta es, ¿como se hace? que tecnicas usan ? trate de hace una prueba usando en css y en html el metodo: fixed
pero al poner esto el div se queda fijo desde el comienzo y el menu de gmail se queda fijo solo cuando llega a la parte de arriba...

jejeje alquien sabe que metodo usan los de gmail para hacer esto ?

les adjunto la imagen para que vean a que menu me refiero...

Imagen

saludos.
Última edición por greer el Mar Sep 27, 2011 4:30 am, editado 1 vez en total.
http://greermurray.com
Avatar de Usuario
ramonovski
Forista Medio
Forista Medio
Mensajes: 398
Registrado: Lun Sep 06, 2010 4:30 am

Re: Menu fijo - gmail

Mensaje por ramonovski » Lun Sep 19, 2011 12:28 am

¿Deja-vú?

¿Post que se fue en la pérdida de datos reciente?

Y si no me equivoco, dieron este link: http://www.spanish-translator-services. ... menus.html
scrotwm@FreeBSD
pekwm@Sabayon
::vim::zsh::urxvtd|blog::dotfiles::last.fm
Avatar de Usuario
greer
Forista Medio
Forista Medio
Mensajes: 334
Registrado: Mar Feb 27, 2007 8:00 am
Ubicación: PANAMA

Re: Menu fijo - gmail

Mensaje por greer » Mar Sep 27, 2011 4:27 am

si... me parece que ya habia posteado este mimo tema, pero lo raro es que fui a mi panel de control y revise todos mis temas y no lo encontre...

En fin, siguiendo en el tema, se como se hace para dejar algo fijo como lo indican en ese enlace que pusiste... pero no es igual al que usan en gmail, o si ?

en ese enlace el div queda fijo en todo momento, siempre queda fijo y en gmail esto queda fijo solo cuando llega a la parte de arriba, no se si me explico...

me gustaria saber por lo menos como se llama ese metodo o que usan... se ve interesante poder hacer algo asi.

Editado -- Mar Sep 27, 2011 12:27 pm --

Buenas,

Buscando y buscando di con lo que buscaba.

aca dejo el script y un ejemplo para cualquiera que quira un div fijo cuando este llegue al top del navegador.

Código: Seleccionar todo

<html>
<head>
	<style type="text/css">
	#div1 {position: fixed;top: 0;width: 100%;z-index: 1500;}
	#div2 {position: absolute;width: 100%;bottom: 200px;z-index: 1500;}
	</style>

  <script type="text/javascript" src="mootools.js"></script>
  <script type="text/javascript" src="rt-fixedheader.js"></script>

</head>

<body>

	<div id="div1"></div>

	<div id="div2"><img src="ime.png" width="100%" height="20px"></div>

</body>
</html>
Ejemplo: http://greer.nodolinux.com/test/1/
http://greermurray.com
Responder
  • Similar Topics
    Respuestas
    Vistas
    Último mensaje