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 Dylan Hobbs
Dylan Hobbs
9,279 Points

Help with parallax

Hi guys,

I'm trying to achieve this parallax effect but cannot seem to get it to work.

An example can be viewed here http://demo.athemes.com/moesia/ I would also like the header text to stay fixed when scrolled as well.

I would like the first page/image and its text to stay fixed and when the user scrolls the content below will slide up above the first page/image.

If anyone can create this in a jsFiddle so I can see how it works that would be great!

Cheers,

1 Answer

Phillip Clarence
PLUS
Phillip Clarence
Courses Plus Student 6,411 Points
Phillip Clarence
Phillip Clarence
Courses Plus Student 6,411 Points

Hi there,

I'm new to treehouse and I saw you needed some help with this parallax effect so I have setup an example of the effect you are looking to recreate. You can check it out here on jsFiddle.

http://jsfiddle.net/q0gdoap1/

Hope this helps!