Calculo posicion header

[luisJava]

Hola buenas a ver si alguien me puede ayudar con la siguiente duda:

Tengo un <header> fijo de una altura de 104px entonces quiero que si estoy en otra página y voy a un ancla de la principal o saltando de cualquier en cualquier ancla ese <header> que tengo fijo no me tape las cabeceras de las secciones.
Yo había probado con algo asi...

$('html,body').animate({
scrollTop: ($(window.location.hash).offset().top - $("header").height())
});

Pero en la consola me da el siguiente error:

Uncaught TypeError: Cannot read property 'top' of undefined

Por favor alguien puede ayudarme o se le ocurre alguna otra solucion? GRACIAS!!

[NueveReinas]

Porque no es offset().top, es offset.top
Revisa la documentación: http://api.jquery.com/offset/

[luisJava]

Iniciado por NueveReinas

Porque no es offset().top, es offset.top
Revisa la documentación: [url]http://api.jquery.com/offset/[/url]

Muchas gracias pero ese no es el problema ya que probando como tu dices no me hace la función que necesito pues me tapa las cabeceras si le quito al offset los parentesis.

Seguiré buscando a ver como lo soluciono pero muchas gracias

[Alexis88]

Iniciado por NueveReinas

Porque no es offset().top, es offset.top

En realidad, sí es offset().top pues offset() es el método y top, la propiedad.

Saludos

Edito: Asegúrate de que $(window.location.hash) devuelva al objeto en cuestión, así como de que window.location.hash devuelva el identificador esperado.

[elmouse19]

Pero en ese caso .top no se esta pasando como propiedad.

Algo así seria para pasarlo como propiedad.

Código Javascript:

.offset({ top: 10, left: 30 })
 

Quizas. Podrias hacerlo asi:

Código Javascript:

var htop = $("header").height();
$('html,body').animate({
scrollTop: ($(window.location.hash).offset({ top: 0 - htop})
});
 

No aseguro que funcione, porque lo estoy haciendo así, a grandes rasgos, sin probarlo antes, ya que ahora no tengo tiempo de probarlo.

[Alexis88]

elmouse19, el método offset() devuelve las propiedades top y left, a las cuales se puede acceder ya sea mediante la notación por puntos o por corchetes, por lo que lo que hizo luisJava es correcto, solo le falta tomar correctamente al elemento, además, él no quiere establecer un valor sino obtenerlo.

DEMO (verifica los resultados en la consola del navegador)

Saludos

[elmouse19]

Entiendo Alexis88. Gracias por la corrección.

En ese caso, concuerdo con vos, en que debería ver si window.location.hash se devuelve al objeto correcto.

Podrias usar ESTO para probar.

Saludos.