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

Ashvin Mbuguni
6,360 PointsHow can i change backgrounds when scrolling down pages? I've left an example inside of a page that does exactly that.
http://bigdropinc.com/ on their home page when you scroll down there are different color backgrounds, I'd like to do something similar for my site.
4 Answers

Codin - Codesmite
8,600 PointsThe technique is often reffered to as Parallax Scrolling or One Page Layout.
It does not require javascript to accomplish.
Pure HTML and CSS example: http://codepen.io/keithclark/pen/JycFw
Javascript example using fullpage.js: http://alvarotrigo.com/fullPage/

Luke Pettway
16,593 PointsIt looks like this site uses several <section> elements with content inside of them set to static heights, in this case 770px. It's inline so it's possible they are using javascript to do some calculations to determine what size they should be.

Ashvin Mbuguni
6,360 PointsThanks Luke, are there any videos on here that would explain the technique you mentioned that you know of?

Luke Pettway
16,593 PointsHere is one using a fixed layout which I think is more of what ( I think) you meant:
http://tympanus.net/codrops/2013/05/02/fixed-background-scrolling-layout/

Ashvin Mbuguni
6,360 PointsPerfect! Thank you so much.
Ashvin Mbuguni
6,360 PointsAshvin Mbuguni
6,360 PointsThank you very much, this treehouse community is absolutely fantastic. I cannot express enough how helpful you have all been in my learning. God bless you.