Hola a todos!
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
:
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;
}
}
});
});
me ocurre algo muy gracioso.....
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!