Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Menu fixed

Estas en el tema de Menu fixed en el foro de Jquery en Foros del Web. Hola a todos, necesito un poco de ayuda para hacer un menu que se quede fixed al bajar. Me explico, el menu esta colocado debajo ...
  #1 (permalink)  
Antiguo 20/05/2013, 09:40
Avatar de mbm150  
Fecha de Ingreso: enero-2013
Ubicación: Muskiz
Mensajes: 79
Antigüedad: 11 años, 11 meses
Puntos: 21
Pregunta Menu fixed

Hola a todos, necesito un poco de ayuda para hacer un menu que se quede fixed al bajar. Me explico, el menu esta colocado debajo de header, y esta en esa posición hasta que sobrepasa el header, entonces se queda ahí quieto el menu.

El caso es que no tengo ni idea de jquery ni java (es una web sencilla, lo único que tiene de java es esa parte).

Como puedo hacer algo así? He buscado un poco en google pero no he encontrado ninguno que me lo haga correctamente, no quiero que haga efectos ni nada, solo que se quede quieto.

Muchas gracias.
  #2 (permalink)  
Antiguo 20/05/2013, 09:52
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 9 meses
Puntos: 36
Respuesta: Menu fixed

creo que lo qu tienes que hacer es declarar la posicion:fixed;
en el div que contiene el menu
si no lo tienes crea uno
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #3 (permalink)  
Antiguo 20/05/2013, 10:31
Avatar de mbm150  
Fecha de Ingreso: enero-2013
Ubicación: Muskiz
Mensajes: 79
Antigüedad: 11 años, 11 meses
Puntos: 21
Respuesta: Menu fixed

No exactamente. Yo quiero que se mueva un poco y después se quede fixed. Si le pongo position:fixed no se mueve nunca.

Al hacer scroll y moverse la pagina se mueve hasta que llega arriba y se queda ahi fixed.
  #4 (permalink)  
Antiguo 23/05/2013, 07:45
Avatar de mbm150  
Fecha de Ingreso: enero-2013
Ubicación: Muskiz
Mensajes: 79
Antigüedad: 11 años, 11 meses
Puntos: 21
Respuesta: Menu fixed

[URL="http://www.foxdeportes.com/baloncesto/nba/story/durant-dona-1-milln-de-dlares-tras-tornado"]http://www.foxdeportes.com/baloncesto/nba/story/durant-dona-1-milln-de-dlares-tras-tornado[/URL]

Quiero que mi menu haga lo que hace ahi el menu de las redes sociales. Como puedo hacerlo?
  #5 (permalink)  
Antiguo 12/06/2013, 13:17
Avatar de Aeon1  
Fecha de Ingreso: enero-2012
Mensajes: 57
Antigüedad: 12 años, 10 meses
Puntos: 3
Respuesta: Menu fixed

creo que quieres algo como esto
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.     $(document).ready(function(){
  3.     $(window).scroll(function(){
  4.         var posicion =  $('#div_menu').position().top;
  5.         var tamaño_header=$('header').height();
  6.         var move=$('body').scrollTop();
  7.  if (move>posicion){
  8.     $('#div_menu').css({position:'fixed',top:'0px'});
  9.  }if (move<tamaño_header){
  10.     $('#div_menu').css({position:'relative'});
  11.  }
  12. });
  13.     });
  14. </script>

Etiquetas: Ninguno
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 08:13.