Animate Bookmark Links w jQuery

animate-bookmark-link.js

$(document).ready(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;
      }
    }
  });
});

animate-bookmark-link.md

Animating Transition to Bookmark Links w jQuery

Here's a nice little code snippet from this 2007 article from 2007. It may be old, but it works!

Results In

A nice animated scroll to links within your page, think:

<a href="#bookmark-link">Section Down The Page</a>

<h1 id="bookmark-link">Section Down the Page</h1>