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

CSS

Posted by Wen Jie Lee
Wen Jie Lee
9,267 Points

Apply parallex scrolling effect on some image.

Hi guys, do you got any idea about apply some awesome parallex scrolling effect on some image of the web page?

1 Answer

Ash Scott
Ash Scott
435 Points

Good morning wen jie lee,

I often use this jQuery plugin: http://pixelcog.github.io/parallax.js/

You can however do it in pure CSS, to take some weight off the browser, however it doesn't work on mobiles. Take a quick look here: http://callmenick.com/post/simple-parallax-scrolling-effect

This makes use of fixed background images, which will give you the desired effect, but won't work on mobile. On mobile, using media queries you'll need to change it to suit your needs.

Kind regards, Ash

Wen Jie Lee
Wen Jie Lee
9,267 Points

That's ROCK! Big thanks to you Ash Scott for the reply.

Best regards, Wen Jie

Ash Scott
Ash Scott
435 Points

Morning!

No problem, glad I could help. If you need anything let me know :)

Ash