javascript smooth scroll on click

javascript, scrolltop

Solution

Try this, it animates the `scrollTop()` function.

Set link's id:

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

jquery to scroll:

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

Problem

I'm using this link: ``` <a class="" onclick="location.href='#top'" href="superContent">superContent</a> ``` It does two things at once: - Jumps user to top of the page - Performs this other (unrelated) ajax load function Everything works great, except I'm trying to figure out how to get it to scroll to the top more smoothly. I've tried adding .scroll to attach it to my jquery scrollTo plugin, but nothing happens, which probably has something to do with the fact that I'm using javascript onclick, while the href attribute does something else entirely. Is there a way to attach animated smooth-scrolling to onclick="location.href='#top'" ?

Original source