Call the content of a page in AJAX in WordPress

I already mentioned in the comments, that there’re preferred ways to load your scripts. The most important is to define the dependencies and the using the proper hooks.

The following part won’t work like this:

$(document).ready(function() {
    $("body").SEOParallax();

    $("body").delegate("a", "click", function() {
        $('html, body').animate({
            scrollTop: $($(this).attr("href")).offset().top
        }, 1200);
        return false;
    });
});

The WordPress Javascript Coding Standards by Tom McFarlin show you the right way to do it – avoiding the need for the no conflict mode:

;( function ($) {
    // ...
} ( jQuery ) );

This is a self invoking —and immediately executing— function, injecting jQuery as first argument, which gets named $ inside the scope of the function itself. Now you can safely use $ instead of jQuery.

So your script should look like this:

;( function($) {
    $( "body" ).SEOParallax();

    $( "body" ).delegate( "a", "click", function() {
        $( 'html, body' ).animate( {
            scrollTop: $( $( this ).attr( "href" ) ).offset().top
        }, 1200 );
        return false;
    } );
} )( jQuery || {} );

I should as well note that you shouldn’t use .delegate() anymore. Quote from jQuery:

“As of jQuery 1.7, the alternative .on() method may be used in place of .delegate()“

but that’s part of another discussion better moved over to StackOverflow.