Question

If you click on the navigation links on Hardly Code’s website the browser scrolls to another section of the page.

Can anyone point me to some good reading materials for recreating this effect? I am using jquery, and want the animation to be as smooth as is it on hardlycode.com

Answer 1

The command is

$('html,body').animate({scrollTop : 0},'slow');

Or, if the link has class scrolltop_btn

$('.scrolltop_btn').click(function() {
  $('html,body').animate({scrollTop : 0},'slow');
});

as a catch effect, in case javascript is disabled, you should always include the standard HTML anchors too.

If you want to change the duration, you can change ‘slow’ to the number of milliseconds you want the effect to last.