Foros del Web » Programando para Internet » Jquery »

Menu de navegación flotante

Estas en el tema de Menu de navegación flotante en el foro de Jquery en Foros del Web. Buenas. He creado un menú flotante siguiendo esta guía: [URL="http://www.dwuser.com/education/content/creating-a-floating-navigation-menu/"]http://www.dwuser.com/education/content/creating-a-floating-navigation-menu/[/URL] El problema está en que quiero que se ajuste al ancho de mi página y ...
  #1 (permalink)  
Antiguo 12/03/2015, 12:08
 
Fecha de Ingreso: marzo-2015
Mensajes: 16
Antigüedad: 9 años, 9 meses
Puntos: 0
Menu de navegación flotante

Buenas.

He creado un menú flotante siguiendo esta guía: [URL="http://www.dwuser.com/education/content/creating-a-floating-navigation-menu/"]http://www.dwuser.com/education/content/creating-a-floating-navigation-menu/[/URL]

El problema está en que quiero que se ajuste al ancho de mi página y así lo tengo configurado y funciona perfectamente, pero si amplío o reduzco la página, el scroll se queda al tamaño que tenía. Voy a intentar poner un ejemplo:

Tamaño inicial: 1200px.
- Tamaño menu: 1200px.

Modificación tamaño: 800px.
- Tamaño menu: 1200px.

Como comprenderéis, esto no puede ser, pero no se cómo hacer para que dinámicamente se ajuste el tamaño. ¿Alguna idea al respecto?

Gracias de antemano.
  #2 (permalink)  
Antiguo 12/03/2015, 20:09
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 10 años
Puntos: 208
Respuesta: Menu de navegación flotante

Para que los elementos se ajusten según el tamaño de la ventana del navegador, tenes que usar porcentajes, no valores fijos.

Otra opción es asignar un "max-width: N°px" para decirle al elemento que puede crecer solo hasta ese tamaño, y un "min-width: N°px" para decirle que no se reduzca a menor tamaño que el que indicamos.

Si queres que ocupe todo el ancho de la pagina, usa "width:100%;"

Saludos
  #3 (permalink)  
Antiguo 13/03/2015, 02:40
 
Fecha de Ingreso: marzo-2015
Mensajes: 16
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Menu de navegación flotante

Buenas.

Gracias por responder, pero no se exactamente dónde poner esos atributos. Hasta ahora, la barra escala bien y baja y sube sin problema, el fallo viene cuando, una vez hecho scroll, ajusto el tamaño de la página: es como si la barra no se ajustara dinámicamente al cambio. ¿Se os ocurre algo más?

Un saludo.
  #4 (permalink)  
Antiguo 13/03/2015, 08:36
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 10 años
Puntos: 208
Respuesta: Menu de navegación flotante

Si podes poner el código aca te vamos a poder ayudar.. sino es muy difícil que demos en el problema adivinando

Etiquetas: flotante
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 12:57.