Make all in page anchors scroll page with animation

single-page-scroll.js

// requires jquery selector
$("a[href^=#]").click(function(e) {
    var duration = $(this).data('scroll') || 750;
    var target = $(this).attr('href');
    var $el = $(target);
    if ($el.length || target == '#') {
        e.preventDefault(); // prevent jumping to target or adding hash in url
        // scroll to the element
        $('html, body').animate({
            scrollTop: target == '#' ? 0 : $el.offset().top
        }, duration, function() {
    		location.hash = target;  // add the hash to url
    	});
    }
});

Example: http://jsfiddle.net/Ld2zqfn1/1/