Link ancla | Desplazamiento suave

[Jot3to]

Estimados, necesito hacer un link ancla, es decir que me lleve a parte dentro de la misma página pero quiero agregarle un desplazamiento suave hacia el lugar ¿me pueden ayudar con el código? :(

[AngelKrak]

creo que esto seria lo que quieres, esta hecho con jquery

Código Javascript:

$("a").click(function(event) {
    if (this.hash !== "") {
    event.preventDefault();
    var hash = this.hash;
 
    $('html, body').animate({
      scrollTop: $(hash).offset().top
    }, 800, function() {
        window.location.hash = hash;
    });
  }
});
 

Para hacerlo funcionar, este seria el link a llamar

Código HTML:

<a href="#home">Home</a>
 

En Link vendria siendo #home que lo toma como la Section con ID home

y haremos uso de HTML5 con las etiquetas Section

Código HTML:

<section id="home"></section>