Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Matthew Smart
Matthew Smart
12,567 Points

Ajax: How to make new page slide in from the right

Hi guys,

lets say i have a box standard website with 3 pages.

a nav like this

Home | About | Contact

and content inside each of these.

Is it possible that when you click on the about page link, that the homepage slides out of vision to the left while at the same time the about page is sliding to the left into vision.

To give of an effect that they are actually joined and just sliding left. almost like an image slider effect but with actual different page content

Thanks Guys :)

1 Answer

Kevin Korte
Kevin Korte
28,149 Points

You're going to want to see this: http://tympanus.net/codrops/2013/09/05/sliding-horizontal-layout/

J Scott Erickson
J Scott Erickson
11,883 Points

Very cool

Matthew Smart
Matthew Smart
12,567 Points

Thanks for the link :)