I have a footer at the bottom of my page. The content of my page is updated by AJAX so the website will never go to another page. Clicking on another navigation item will update the content on my page changing the height of my window.

I would like the footer at the bottom of my page to slide up and down (for a transition effect) so it is always 30px below the content of my page. How would I achieve this effect?