Menú superior fijo

[ramondevesa]

Muy buenas, estoy maquetando una web y hemos puesto un menú superior fijo, para hacer una web de todo en uno, y que el la web se vaya desplegando hacia abajo o hacia arriba, el problema que tengo es que cuando le pongo el ancla al menú, no me transporta al sitio exacto que quiero, me faltan los 150 px que mide el menú de alto, si el menú superior desapareciera, me estaría haciendo el anclaje en el sitio exacto en el que lo quiero, por como tengo el menú superior fijo arriba, pues me faltan unos 150 px, para que me deje en el sitio que deseo que me transporte cuando uso los botones de navegación ¿alguna solución? muchas gracias!!

[hackjose]

Vas a tener que usar javascript

Ver el desplazamiento de tu documento y la posicion del target
Despues scrollear con scrollBy y sumar o restar el tamaño del menu

Te dejo mi web, tuve el mismo problema
http://proyectos.allprogramando.net/jose-vega/

saludos

[Zeromm]

En este caso no es necesario javascript (que además hay que escapar del javascript a toda costa y solo usarlo en casos extremadamente necesarios y que no haya ninguna manera de crear algo que sea fundamental en la web).

Lo que puedes hacer es crear un div vacio al que apunte el link que esté justo en la posición 0 en top, y que hacia abajo aparezca el contenido a la distancia que ocupa el menú de alto. Cuando clickes en el link el div vacio estará detrás del menú pero el contenido que quieres que se vea aparecerá justo debajo del menú.

Es justo lo que hice yo en una de mis webs

http://zeromm.es/black/

Miralo con firebug y verás que antes del código qeu crea la franja azul superior de cada contenido hay un div vació, que es al que apunta cada menú.

[pzin]

Otra solución, en CSS, es poner un padding al elemento que enlazas.

Código CSS:

#seccion {
  padding-top: 150px;
}