jQuery动画到新页面

Question

Is there a way to use jquery.animate to load a page with ajax and when its ready animate it to slide up or to the side? So lets say im in the index.html page and I want to go to the about.html page, it will first load it and when it is ready instead of refreshing to the new page, it will animate it using this method: http://demos.flesler.com/jquery/localScroll/#section4c

function(){
$("#go2About").click(function(){
    $('about.html').animate({
         //animate the new page here
    });
});

this will be some kind of an example code of how it will animate

Answer 1

You could have the same effect only not actually refresh the page.

If you wrap each of your "page's" HTML in a wrapper <div> element, for example, then you can simply animate those wrapper div's in and out of the users view port to create the effect of page transitions.

Your AJAX calls can populate the corresponding <div> element with the pages HTML and once loaded you can call the .animate() function to swap pages.