Foros del Web » Programando para Internet » Javascript »

menu scroll mostrar ocultar elementos

Estas en el tema de menu scroll mostrar ocultar elementos en el foro de Javascript en Foros del Web. Buenas tardes, tengo un menu scroll funcionando lo que deseo hacer es que cuando haga scroll top el logo y otros elementos se posicione en ...
  #1 (permalink)  
Antiguo 19/11/2015, 13:31
 
Fecha de Ingreso: mayo-2013
Mensajes: 17
Antigüedad: 10 años, 11 meses
Puntos: 0
menu scroll mostrar ocultar elementos

Buenas tardes, tengo un menu scroll funcionando lo que deseo hacer es que cuando haga scroll top el logo y otros elementos se posicione en la barra de menu, si hago scroll botom regrese a su normalidad, les dejo el ejemplo de una web, es lo que deseo lograr mostrar y ocultar.

http://larepublica.pe/

Última edición por juanpi2013; 19/11/2015 a las 13:38
  #2 (permalink)  
Antiguo 19/11/2015, 15:45
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: menu scroll mostrar ocultar elementos

La lógica es muy simple, pero no puedes hacerlo solo con CSS, necesitas al menos unas lineas de JavaScript. Te lo moveré a ese foro.

Básicamente, lo que tienes que hacer es añadir una clase que contenga position:fixed cuando el scroll haya alcanzado la posición deseada. Si alguien te dice de usar jQuery y no lo usas, no hagas caso.
__________________
(:
  #3 (permalink)  
Antiguo 19/11/2015, 16:07
 
Fecha de Ingreso: mayo-2013
Mensajes: 17
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: menu scroll mostrar ocultar elementos

Gracias por tu tiempo, te dejo mi proyecto, miralo

http://www.municomas.gob.pe/web-nueva/

Lo que me falta es que el logo y los otros elementos se acomoden en la barra de menu, y ahi es donde no logro alcanzar.
  #4 (permalink)  
Antiguo 19/11/2015, 17:04
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: menu scroll mostrar ocultar elementos

Mira amigo, este es un Ejemplo del Scroll que buscas, con .scroll mediante Jquery, es un poco Basico pero quizas te sirva si le metes lo que quieres ;)

Código Javascript:
Ver original
  1. $(window).scroll(function(){
  2.         if (window.pageYOffset >= 95) {
  3.     $('#div').css("position","fixed");
  4.         }else{
  5.     $('#div').css("position","static");
  6.         }
  7.     });
  #5 (permalink)  
Antiguo 20/11/2015, 08:04
 
Fecha de Ingreso: mayo-2013
Mensajes: 17
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: menu scroll mostrar ocultar elementos

gracias amigo, lo pondré en practica.
Saludoo

Etiquetas: css, elementos, scroll
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 18:38.