javascript lisse défilement sur clic

Je suis en utilisant ce lien:

<a class="" onclick="location.href='#top'" href="superContent">superContent</a>

Il fait deux choses à la fois:

  1. Sauts d'utilisateur en haut de la page
  2. Effectue cette autre (non relié) ajax fonction de charge de

Tout fonctionne très bien, sauf que je suis à essayer de comprendre comment le faire défiler vers le haut de manière plus fluide. J'ai essayé d'ajouter .faites défiler jusqu'à l'attacher à mon jquery scrollTo plugin, mais rien ne se passe, ce qui a probablement quelque chose à voir avec le fait que je suis à l'aide de javascript onclick, tandis que l'attribut href fait quelque chose d'autre entièrement.

Est-il un moyen de joindre animation lisse de défilement pour onclick="location.href='#top" ?

source d'informationauteur user1691389

  1. 37

    Essayer cela, il anime le scrollTop() fonction.

    Set link id:

    <a id="link">link</a>

    jquery pour faire défiler:

    $('#link').click(function(e){
  var $target = $('html,body');
  $target.animate({scrollTop: $target.height()}, 500);
});