[SOLUCIONADO] Desplazamiento suave al enlazar a un ancla

[madman_18]

Buenas tardes a todos!

En un diseño web que estoy preparando, estoy enfocandolo a que sea una web de una sola página en distintos bloques.

Hasta ahí perfecto pero querría que el desplazamiento hasta el contnenido, cuando me pulsen en el menú, sea suave y no "de golpe".

Tengo el siguiente código:

Código Javascript:

$('#menu ul li a').click(function(e){ //Id del elemento cliqueable
                        e.preventDefault();
                        var offset = $($(this).attr('href')).offset().top;
                        $('html, body').animate({scrollTop:offset}, 1600);
                        return false;
                    });
 

Pero no me funciona, sigue desplazandose de golpe y no con un efecto suave.

¿Alguna ayuda?

Gracias!!

[herzbazi]

yo lo haria algo asi


en el head

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
type="text/javascript" charset="utf-8"></script>

en el body

<a href="#ancla">Ancla</a>

<div id="ancla">
... contenido
</div>

esto en el head tambien

$(function(){

$('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').animate({scrollTop: targetOffset}, 1000);

return false;

}

}

});

});


prueba si es eso lo que buscas , si te ayude sumame un puntillo jajajaj

[madman_18]

Jajaja gracias! con esto funciona sí! ;)