Animate transition to anchor links

animate-anchors.js

/* Animate transitions to links on the same page */	
	var ANIMATEANCHORS = {}
	
	ANIMATEANCHORS.initialize = function() { 
		$('a[href*=#]').not('.fancybox').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) +']')
				var targetOffset = $target.length ? $target.offset().top - 20 : 0 // Offset the target distance to have some margin at the top
				$('html, body').animate({scrollTop: targetOffset}, 700)
				return false // prevent default
			}
		});
	}
    
    ANIMATEANCHORS.initialize();