Puse un post parecido hace poco pero lo marqué como solucionado porque era lo que buscaba, pero me estoy encontrando ahora con un problema:
Usando este código:
Código Javascript:
me ocurre algo muy gracioso.....Ver original
$(document).ready(function(){ $("#menu a[href*=#]").click(function(){ if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']'); if ($target.length) { var targetOffset = $target.offset().top; $('html,body') .stop().animate({scrollTop: targetOffset}, 1600); return false; } } }); });
Cuando navego en mi página, la primera vez que pulso sobre el menú me funciona correctamente (va a la sección que corresponde), sin embargo cuando pulso sobre cualquier otra, siempre me va al inicio de la página y no sé por qué.
Por ejemplo: si tengo como secciones Empresa | Productos | Contacto y voy a Contacto me lo hace bien, pero cuando pulso luego para ir a Productos, siempre me va al inicio de la página (al top) haga lo que haga... y no entiendo por qué :( :( :( :(
¿Tenéis algún consejo o alguna otra forma de hacerlo?
Los anclas o secciones tienen un width:100%;height:100% y el body,html tiene un overflow: hidden; (no sé si quizás será por estas propiedades¿?¿?¿?¿?). Es lo único digamos que veo "relevante" y que pueda afectarle....
Si necesitais algo más de código o algo me lo decís
Saludos!