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
Shravan Rajagopal
6,540 PointsHow to create the kind of overlap shown in this example
This seems to be quite common now, but I do like the effect and I think this website designed by Point Five Design puts it to good use in contextualizing their articles with an image floating in the background.
Are there any good tutorials for this and what is this kind of scrolling called? I know it has something to do with the positioning but had a hard time finding a tutorial online. Thank you!
3 Answers
Cassidy Williams
Courses Plus Student 1,602 PointsThis is called Parallax!
It's a JavaScript effect, here's some libraries that can help you: http://stolksdorf.github.io/Parallaxjs/ https://github.com/razorfish/Parallax-JS http://markdalgleish.com/projects/stellar.js/ (Along with Stellar above) http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/
Good luck!
Shravan Rajagopal
6,540 PointsJust similar to parallax scrolling, like in this tutorial:
Shravan Rajagopal
6,540 PointsThanks Cassidy!