Buenas a todos!
Esta es mi primera consulta al foro y espero que sepan orientarme puesto que soy un diseñador novato. Paso a plantear el tema claramente:
- Estoy diseñando un menú desplegable con java script.
- He insertado un elemento <nav> en el html y en css le he dado un estilo top: -245px.
- En el java script he programado un elemento <img> de la cabecera para que al darle click se anime el <nav> y pase a tener top: 0px (en un lapso de 200).
- También en java script programé el comportamiento inverso (al darle click a una img "X" ubicada en un <li> del <ul> del <nav>, el <nav> vuelve a su top: -245px, con lo que desaparece de la pantalla).
Hasta aquí todo bien, ambos botones funcionan bien y todo se mueve como debe.
El problema surge cuando me percato que al final del <body> este considera los 245px escondidos del <nav> y me aparece un espacio en blanco debajo del footer y de considerables dimensiones que afea mucho el diseño.
Si alguien me puede orientar indicándome un tip para evitar este comportamiento se los agradecería.
Saludos