Foros del Web » Soporte técnico » Ayuda General »

posicionamiento para un menu flotante

Estas en el tema de posicionamiento para un menu flotante en el foro de Ayuda General en Foros del Web. hola buenas tardes; soy nuevo en este foro asi como en desarrollo de paginas, asi que espero aprender y aportar lo mas posible. me pidieron ...
  #1 (permalink)  
Antiguo 05/03/2012, 18:40
 
Fecha de Ingreso: marzo-2012
Mensajes: 1
Antigüedad: 12 años, 8 meses
Puntos: 0
Pregunta posicionamiento para un menu flotante

hola buenas tardes; soy nuevo en este foro asi como en desarrollo de paginas, asi que espero aprender y aportar lo mas posible.

me pidieron una pagina web de una sola hoja en donde existeiera un menu flotante que te siguiera cada vez que dieras scroll vertical, ademas de contar con botones que te enviaran a las secciones con un efecto de scroll.

el menu funciona bien mi problema es el posicionamiento, veran; en el diseño hay un banner en la parte superior de la pagina y despues empiezan las secciones, el menu flotante tiene una posicion absoluta y una distancia vertical para quedar debajo del banner (digamos 120px), el problema es que al darle scroll el menu se mueve pero sigue manteniendo esa distancia de 120px y lo que necesito es que se posicione hasta arriba de la pagina, con otra distancia digamos de 15px para que se justifique con las secciones y no se vea mal.

espero haber sido claro y quedo en espera de su respuesta, gracias ....
  #2 (permalink)  
Antiguo 07/03/2012, 19:17
Avatar de hasdpk  
Fecha de Ingreso: agosto-2011
Ubicación: $spain->city( 'Arucas' );
Mensajes: 1.800
Antigüedad: 13 años, 2 meses
Puntos: 297
Respuesta: posicionamiento para un menu flotante

Desde mi opinión vas a necesitar usar JavaScript para poder decirle al CSS que una vez que se haga scroll hasta cierta altura pase el elemento a position:fixed.

Etiquetas: flotante, posicionamiento, vertical
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 19:17.