Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript AJAX page transition effect Reply To: AJAX page transition effect

#169021
Chromawoods
Participant

Something like this? (might be a bit sloppy, but hopefully you get the idea)..
http://codepen.io/chromawoods/pen/nywfc

The trick here is to use a callback function for jQuery’s fadeOut function, which fires after the animation is done. So basically, first fadeOut the content. Then, fetch the new content and fadeIn. You could also add a loading animation between the first content has faded out and the new content begins to fade in.